Footer menu css

  • Resolved IndyITguy

    (@indyitguy)


    5 years, 3 months ago

    Where is the css for :hover in the menu in the footer? I’ve tried setting the colors in the theme customization menu but the footer menu doesn’t change away from the purple hover. I tried setting

    #footer-menu li a:hover {
    color: #C08283 !important;
}

    But it shows as a peach looking color. Is there an effect being put on the links in the footer somewhere that would change it from the gold color to the peach color?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Theme Author Onur Oztaskiran

    (@sj_o)

    Hi @indyitguy

    The link, link hover, text, and background for footer is live changeable from the customizer:

    https://a.cl.ly/7KuyJW7O

    I hope this helps.

    Thanks!
    Onur

    Thread Starter IndyITguy

    (@indyitguy)

    Thank you for the reply! I should have been more clear. I tried setting the colors in that customizer but they wouldn’t take so I tried overwriting the css inside of the additional css box. If I remove my additional css the links stay light purple/purple.

    Theme Author Onur Oztaskiran

    (@sj_o)

    That’s interesting. In that case is this a bug or something else(plugin or theme) is overriding those footer styles?

    Is there a live url I can inspect?

    If issue is not resolved, I can give you the css snippet to override but wanted to check what’s up first ??

    Thanks!
    Onur

    Thread Starter IndyITguy

    (@indyitguy)

    I cleared out any overriding css for the footer and set the following colors in the customizer.

    links: #1e73be
hover: #dd3333

    I noticed that the link after “Powered By” took these new settings but the footer menu did not. Here is the url I’m testing with. https://newsite.thirtyfivedesigns.com/

    Thread Starter IndyITguy

    (@indyitguy)

    If I set a color in the main accent color under main colors I can see the changes in the quick preview of the page. After I save the changes I don’t see them reflected on the page in another browser. When I go back into the main colors area, my changes are still there and the quick preview of the page is back to the purple color.

    Theme Author Onur Oztaskiran

    (@sj_o)

    Ah, yes this looks like a bug. Added to “to fix” list with the next release of the theme.

    But until then, what you first tried to override should have worked, since the selector you chose is the correct one:

    #footer-menu li a and #footer-menu li a:hover

    If it still doesn’t work you could also try the following selectors as well:
    #colophon #footer-menu li a or #footer-menu li.menu-item a.

    Thanks!
    Onur

    Thread Starter IndyITguy

    (@indyitguy)

    Perfect! Thank you! There were three woocommerce templates that I needed to update too btw.
    form-login.php
    review-order.php
    tabs.php

    Theme Author Onur Oztaskiran

    (@sj_o)

    Yeah the WC templates of GutenBooster are long overdue for update as well and already updated but will be available with the following release ??

    Cheers,
    Onur

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Footer menu css’ is closed to new replies.