ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• September 13, 2014 at 8:28 pm #110367
  kamarch

  Member

  Post count: 21

  First and foremost, beautiful theme. I applaud you on details and the quick responses for your support. Have a few key issues that I am trying to get wrapped up ASAP for a big event.

  1.) The color customizer kept freezing my browser for whatever reason and I simply couldnt get every detail that I wanted. I would like to have the text, by default, be #60C4D3 and once hovered upon, turn into a deeper #0E617D. I have it in the menu once scrolling down, but for whatever reason I cant get it to happen for the text over the video, the search icon, or the social media icons.

  2.) For whatever reason I am having the biggest difficulty with the background video for Firefox. I uploaded the converted mp4 and webm to no avail.

  3.) Additionally, the background image that is the placeholder for the video on mobile does not work on my iPhone5. The image itself refuses to stay within the header on mobile, just shows up as white. I would like to have the same image that the video introduces so it seems just a bit more seamless.

  4.) Firefox also refuses to display the logo appropriately when resizing the browser on desktop. I have people reporting to me that the logo shrinks dramatically on Firefox and is misplaced on Chrome. I have yet to experience the bug.

  5.) Finally, how do I create hoverable hyperlinks? As you can see on the event page the text headlines have no kind of effects on them when moving the mouse over them.

  6.) The “Email address:” field in the subscribe mega menu is almost passing over the borderlines of the submenu, is there any remedy to this?

  September 15, 2014 at 8:56 pm #110939
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @kamarch

  1) That is the default colour for the dark naked header variant – if you’d like it to be another colour, you’d have to adjust the css for that.

  2) Have you tried the ogg variant? It’s likely how you are converting it. We use: http://www.mirovideoconverter.com/

  3) Try adding this custom css:

  .swiper-slide {
  background-size: cover;
  background-position: center;
  }

  4) Confirm you have set the logo size in Theme Options > Logo Options?

  5) This is why: https://www.dropbox.com/s/qeq4p7pgcfyogy1/Screenshot%202014-09-15%2021.55.58.png?dl=0 You have inline styles which are overriding the theme styling.

  6) Add this custom css:

  .mega-menu-widget form {
  padding: 20px;
  }

  Hope that helps.

  – Ed

  October 9, 2014 at 6:51 pm #118995
  kamarch

  Member

  Post count: 21

  Went with a different design flow but wanted to give feedback on what worked

  1) Attempted at creating some custom CSS but failed miserably
  2) Ironically, that was the exact program that I used but it still did not work via Firefox, unable to test it again however since we’re no longer designing the website belonging to the original query
  3) I believe it fixed itself with an update? However a problem that was continuous was the difficulty in sliding the website down on mobile with the SwiftSlider as the header. ie its almost impossible to scroll down the page at first load without hitting the “continuous arrow”
  4) We had to set the logo dimensions to what the cardinal dimensions were on the demo, any bigger caused the logo to not be in line with the header on Firefox when scaling the responsiveness with zoom
  5) Fixed
  6) Fixed

  New Query:

  I asked this already in a different topic (I didn’t think of replying to this and resolving it until after I submitted the new topic, my apologies) However, I was wondering how I can create an opaque circle border around the social media icons and turn the icons themselves an orange color of #f9a222? I don’t necessarily need any hover transition with color but I can’t lie that it would be pretty cool.

  Thanks again,

  KamArch

  October 10, 2014 at 11:33 am #119206
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Check the attached screenshot. Is it something like that?
  https://www.dropbox.com/s/9t948ayuyp5xbwf/social_icons_orange.png?dl=0

  -Rui

  October 16, 2014 at 4:50 pm #120870
  kamarch

  Member

  Post count: 21

  Sorry for the delay, fell under the weather and briefly forgot you all switched to the .com but that is exactly it Rui! How do I pull that off for every social media icon in the header? Thank you for replying to the other thread, I won’t touch that one since I know it’s in order. I’ll set it as resolved actually.

  October 16, 2014 at 4:54 pm #120872
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  No problem. But this example is for the footer.
  Can you show me where you have the social icons on the header?

  -Rui

  October 17, 2014 at 3:12 am #120934
  kamarch

  Member

  Post count: 21

  It’s the top right of the menu/header, I’m using the third header layout option. Attached is a JPG of the header. Let me know if you need anything else.

  Attachments:

  You must be logged in to view attached files.
  October 17, 2014 at 12:28 pm #121063
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  I can’t access the login page? http://feelfreemovement.com/wp-admin

  Please check

  – Kyle

  October 17, 2014 at 1:00 pm #121095
  kamarch

  Member

  Post count: 21

  This reply has been marked as private.
  October 17, 2014 at 1:27 pm #121107
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  .social .fa {
    border-radius: 50%;
    border: 2px solid;
    height: 60px;
    width: 60px;
    padding: 12px;
  }

  I’m afraid that’s not possible no, sorry

  – Kyle

  October 17, 2014 at 2:30 pm #121122
  kamarch

  Member

  Post count: 21

  This reply has been marked as private.
  October 20, 2014 at 9:20 am #121390
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Unfortunately it’s quite difficult with the Cardinal social icons, I was looking at your previous link.

  For the header bg add this to your custom css:

  .sticky-header {
    background: url(yourimage);
  }
  

  – Kyle

  October 20, 2014 at 7:19 pm #121664
  kamarch

  Member

  Post count: 21

  This reply has been marked as private.
  October 20, 2014 at 7:27 pm #121667
  kamarch

  Member

  Post count: 21

  This reply has been marked as private.
  October 23, 2014 at 10:27 am #122592
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Please open new topics for your new issues, and please open separate topics for each as they are not related. It’s easier and for us to resolve the issues

  Thanks

• Back to forum

  Posted in: Cardinal