Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 3, 2015 at 5:27 am #528986
    ilonka78

    Hi
    I can’t figure out this theme.
    How I can change color of the links(menu) in page sidebar? I looked under Enfold options but there are no options for sidebar styling….
    Do I need to add custom css? If yes how do I know how you called your sidebar menu? I don’t want to ask support every time I need to change something that simple as font color….Thanks

    November 3, 2015 at 10:38 am #529085
    Ismael

    Hi ilonka78!

    Thank you for using Enfold.

    The sidebar links is included in the Main Content so changing the color of the “Main Content secondary font color” on General Styling > Main Content panel should do the trick. If you can provide a link to the actual page, it will help.

    Best regards,
    Ismael

    November 3, 2015 at 3:44 pm #529348
    ilonka78

    Hi
    Thank you
    What I mean is links of the left navigation (left sidebar menu). http://fmsigroup.com/fmsi/term-loans/
    So instead of bold for current page I would like those different color.

    November 4, 2015 at 3:50 am #529711
    Ismael

    Hi!

    Thank you for the update. Please add this in the Quick CSS field: 

    .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a {
    color: red;
}

    Note that there are thousands of element combination inside a single page so adding a single option for every one of them is not possible. You will have to add some of your css modifications in the Quick CSS field.

    Regards,
    Ismael

    November 4, 2015 at 4:32 am #529715
    ilonka78

    Hi
    Thank you.
    I understand that but I don’t know what to put in custom css. I know css but I don’t know how you called elements that I’m trying to give different style.
    Where do I find this? For example: you call item .current_page_item but you could call it something else. How do I know the name of class/id ?

    November 4, 2015 at 8:25 am #529774
    Ismael

    Hey!

    Use the browsers’ element inspector or add the firebug plugin. For chrome, just right click the object that you want to modify then click “inspect element”. More info here:

    https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/basics
    https://getfirebug.com/wiki/index.php/Inspector
    https://addons.mozilla.org/en-US/firefox/addon/firebug/

    Regards,
    Ismael

    November 5, 2015 at 4:04 am #530490
    ilonka78

    Great. Thank you!

    November 5, 2015 at 7:12 am #530540
    Ismael

    Hi!

    No problem! Let us know if you need anything else. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘how to change link color in sidebar’ is closed to new replies.