First sidebar different text color than rest

  • Resolved pask7

    (@pascalth)


    6 years, 4 months ago

    Hello,

    For some reason, the first sidebar widget has white text (which makes the text invisible), while all other sidebar widgets display correctly.

    Do you know how I can fix this?

    Thank you.

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

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

  • Hi there,

    This should be able to be fixed using CSS. The following should work for you, and you can change the HEX code to whichever colour suits you.

    .sidebar .widget:first-child a:not(.button) {
color: #1b78e2 !important;
}

.sidebar .widget .widget-title {
color: #000 !important;
}

/*Following makes the link black when hovered on, for consistency*/ 
.sidebar .widget:first-child a:not(.button):hover {
color: #3a3a3a !important;
}

    Let me know if that works for you. ??

    Theme Author Tom

    (@edge22)

    You can simply go into “Customize > Additional CSS” and remove this CSS:

    .sidebar .widget:first-child {
    background-color: #fff;
    color: #fff;
}

.sidebar .widget:first-child .widget-title,
.sidebar .widget:first-child a:not(.button) {
    color: #fff;
}

    That should do it ??

    I didn’t even know you could find that using Inspect Element until now! Thanks for teaching me something new too, Tom! ??

    Theme Author Tom

    (@edge22)

    Developer tools are awesome! Glad I could help ??

    Thread Starter pask7

    (@pascalth)

    Ha! My bad. Totally forgot that was there. Thank you!

    Theme Author Tom

    (@edge22)

    You’re welcome ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘First sidebar different text color than rest’ is closed to new replies.