Tagged: ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 23, 2014 at 8:01 pm #214055
    GuaranteeDigitalWI

    Hello. I want to change the background color and text color of the active nav link. I found how to change the navigation background color and the hover color behavior, but can’t quite figure out how to change the background and text color for the selected/active page. I used this for the other stuff:

    .bottom_nav_header.social_header .main_menu ul:first-child {
    background: #fafafa;
    }

    #top .main_menu a:hover {
    background: #f3f3f3;
    color: #c3512f;
    }

    Can you help me out? Thanks a bunch!

    January 23, 2014 at 11:18 pm #214142
    Yigit

    Hi GuaranteeDigitalWI!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: white; background: red; }

    Regards,
    Yigit

    January 24, 2014 at 12:30 am #214214
    GuaranteeDigitalWI

    You are the best! Sorry about this, but my client just asked if it was possible to move the navigation buttons to the right side over the left. Is that possible without a lot of work? Thanks again!

    Hopefully this is the last time I have to bug you.

    Steve

    January 24, 2014 at 12:31 am #214216
    GuaranteeDigitalWI

    Shoot! I did have one more question. Is there an easy way to change the two widget footer style to 2/3 – 1/3 instead of 1/2 – 1/2?

    Thanks!

    January 24, 2014 at 2:02 am #214254
    GuaranteeDigitalWI

    Ignore that align right navigation question. Instead, I just noticed something. Is it normal that I have fancy round image that appears when you mouseover a lightbox image in every browser EXCEPT for Chrome? Seems to work fine in all the other. Actually, I had no idea it even did that until I tested in another browser. :)

    mouseover

    Thanks

    January 24, 2014 at 2:04 am #214256
    Yigit

    Hey!

    Can you post the link to your website so we can take a look?

    Best regards,
    Yigit

    January 24, 2014 at 2:06 am #214257
    GuaranteeDigitalWI

    Oops. Sorry! http://64.91.254.11/~gdigital/tyeonej.com/equipment-rentals/

    January 24, 2014 at 2:21 am #214262
    Yigit

    Hey!

    1- It does work fine on my end on Chrome version 32.0.1700.76 m on Win7. Please see screenshot here http://i.imgur.com/4VpswoU.jpg
    2- Please choose to display 2 columns in Enfold theme options > Footer tab then add following code to Quick CSS in Enfold theme options under Styling tab

    #footer .first { width: 71%!important; margin-left: 0!important; }
#footer .av_one_half { width: 24%; margin-left: 5%;  }

    Best regards,
    Yigit

    January 24, 2014 at 2:35 am #214266
    GuaranteeDigitalWI

    Weird. It doesn’t display that icon in Chrome on the Windows 8.1 PC I’m working on, but DOES on my home theater PC running Windows 7. Oh well. Nevermind.

    Can I possibly bug you one more time about the full-width header? Again, thank you so much for getting that to work for me. I think it needs some more css edits for the header height when reduced to tablet and phone screen sizes.

    http://64.91.254.11/~gdigital/tyeonej.com/wp-admin/post.php?post=128&action=edit

    Maybe the header should just stretch the full 1130 px instead of the left and right margins? Just an idea.

    Again, thank you so much for all the help!

    Steve

    January 24, 2014 at 5:01 am #214291
    GuaranteeDigitalWI

    (other screenshot)

    January 25, 2014 at 7:13 pm #214869
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so i can take a look?

    Cheers!
    Yigit

    January 25, 2014 at 7:45 pm #214870
    GuaranteeDigitalWI
    This reply has been marked as private.
    January 25, 2014 at 8:46 pm #214880
    Yigit

    Hey!

    You can find custom CSS code i added in Quick CSS section in Enfold theme options under Styling tab

    Best regards,
    Yigit

    January 25, 2014 at 8:56 pm #214884
    GuaranteeDigitalWI

    Thank you so much! I should be done bugging you now! :)

    Steve

    January 25, 2014 at 9:03 pm #214885
    Yigit

    Hey!

    You are welcome Steve, glad we could help :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Navigation active link color change’ is closed to new replies.