Weird Styling issue

  • Resolved ronniegregorym

    (@ronniegregorym)


    3 years, 6 months ago

    Hi guys
    first, let me say I love your plugin because it solves a very critical issue for me. And I love its simplicity. However, I have a problem with it and I don’t know what could be causing it. I have tried to dig through the CSS but no luck.
    As you can see in the link, the first tab’s background color is bright blue. And this happens just on the first tab, the rest of the tabs are fine. I am going crazy trying to figure out what could be causing this styling issue. Maybe you can guide me in the right direction.
    Also the theme am using is astra
    Thanks
    Ronnie

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter ronniegregorym

    (@ronniegregorym)

    any help guys??

    Plugin Author WP Darko

    (@spwebguy)

    Hi there,

    Somewhere in your stylesheet you have something generic that targets a selector we are using. It should be more specific in order to not target the tab content.

    .active, .collapsible:hover {
    background-color: #0040ff !important;
}

    This line is what causes the styling issue.

    • This reply was modified 3 years, 6 months ago by WP Darko.
    Thread Starter ronniegregorym

    (@ronniegregorym)

    okay, thanks… I overrode the CSS and it works

    Plugin Author WP Darko

    (@spwebguy)

    Hi there,

    Sorry we didn’t see your replies earlier. Glad to hear you solve this issue!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Weird Styling issue’ is closed to new replies.