The trouble with Sidebar Widgets…

  • Resolved Coleen

    (@coleenh)


    6 years, 1 month ago

    Hi again Romik ??

    Now I’m having trouble with customizing the right side Widget on the website link shown. The title is exactly like I want it for the widget, but I’m trying to add a link to the widget and instead of getting the link color to be #0200a1. Currently, it is white, and the roll-over is pink. I can NOT find where to edit this in the CSS, and I know that if I change it in the styling (or at least I think so) the color and roll-over will change for the footer links. Please help! I’d really like ALL my links for ALL sidebar widgets to be the same. I thought I had this figured out/fixed, but obviously not. Can you PLEASE tell me what the CSS class is for the right-hand widget (CUSTOMIZING ? WIDGETS ? SIDEBAR 1) so I can fix this? Thank you!

    • This topic was modified 6 years, 1 month ago by Coleen. Reason: typo

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello! If the trouble is the links, could u try in Customizer: Styling -> Links -> Secondary Link Color ?

    Thread Starter Coleen

    (@coleenh)

    Hi Nick, thanks. However, it doesn’t work. What I needed to do was set this in the custom CSS. I had the #copyright a, .widget a {color:#0200a1;} and the #copyright a, .widget a:hover:hover {color: #cc8699;} but that is what was causing the problem. I solved it by separating them out to: .widget a{color: #0200a1;} .widget a:hover{color:#1204db;} and #copyright a{color: #ffffff;} and #copyright a:hover {color: #cc8699;} – so if anyone else has problems changing the font hover color in their widgets, this should (hopefully) help. The reason it doesn’t work in the styling is because I’m using several different colors for the header, footer, and widgets – for both the initial link color AND the roll-over color. The Styling doesn’t give you the option to change the hover color in more than one place (that I could find), so it has to be done in CSS. It seems to be working like I want it to now. Thanks.

    Edited to add – Now the Right hand Widget AGAIN is not working correctly! ARGH! Please – need help to fix the color and hover (roll-over) for individual widgets! Please mark as NOT resolved!

    • This reply was modified 6 years ago by Coleen. Reason: Updated problem not fixed
    Romik84

    (@romik84)

    You need to set the correct CSS class for the widget:

    .widget_maxmegamenu a {
    color: #c9a0b5;
}

    btw, didnt you mean the left hand widget? because that text is not visible now

    Thread Starter Coleen

    (@coleenh)

    Yes, I meant left-hand widget, sorry. Thanks, However, I just tried the css that you gave me and it doesn’t work.

    Thread Starter Coleen

    (@coleenh)

    Hi Romik, okay so this:

    #maxmegamenu-3.widget_maxmegamenu a {
    color: #ffffff;}

    Works to change the color of the link in the left-hand side menu widget, Thank you!

    However, if I add the hover to it: #maxmegamenu-3.widget_maxmegamenu a hover{color: #c9a0b5;}

    The roll-over (hover) doesn’t work. Any suggestions on how to get the roll-over color to work for that?

    Thank you VERY much for your help.

    Thread Starter Coleen

    (@coleenh)

    Oh – never mind got it. Duh! It should be
    #maxmegamenu-3.widget_maxmegamenu a:hover{color: #c9a0b5;
    }

    Thank you very much for your help!

    Romik84

    (@romik84)

    no problem ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘The trouble with Sidebar Widgets…’ is closed to new replies.