Black Friday sale! Get 25% off WPSP Pro! Discount automatically applied at checkout.

[Support request] Title color hover

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Title color hover

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #13585
    Bernhard
    Participant

    Hello,
    I’ve inserted two lists with overlay style in a post. My problem is, the title color dosn’t change on hover.
    In the content settings I’ve set
    Title element p
    Title color #ffffff (white)
    Title color hover #ffc233 yellow

    Image overlay color is rgba(0,0,0,0.1)
    Image overlay hover color rgba(147,27,49,0.4)

    Can you please suggest what’s happening?

    #13610
    Tom
    Keymaster

    Hi there,

    The overlay style will usually ignore any inner stylings (like title hover color) to prevent style conflicts.

    Just to confirm, which list am I looking at? At the bottom?

    #13629
    Bernhard
    Participant

    Hi Tom,
    I’ve inserted one list with 3 columns on this test page.

    #13702
    Tom
    Keymaster

    Yea, that’s standard behavior.

    You can change it yourself like this:

    #wpsp-28801 .wp-show-posts-inner:hover .wp-show-posts-entry-title a {
        color: #000000;
    }
    #13729
    Bernhard
    Participant

    OK. How can I define a CSS class for it? My excuses for this question, I try to learn 😉

    #13769
    Tom
    Keymaster

    I’m not too sure what you mean, can you explain a bit more?

    #13787
    Bernhard
    Participant

    I’d like to have the same layout for all overlay cards.
    You told, that overlay style will usually ignore any inner stylings (like title hover color) to prevent style conflicts.
    You gave me a code to address a single WPSP list.
    Now I’m looking for a way to apply this code to a certain type of lists (overlay style) and not to a single list only.
    My idea is, to address the code via the Section HTML Classes in the “more settings” section.
    So my question is, if and how I can define a class to address the title color on hover – which is foreseen in the basic settings of the list, but is ignored.

    #13800
    Tom
    Keymaster

    If you give the list a class, you should be able to do this:

    .my-custom-class .wp-show-posts-inner:hover .wp-show-posts-entry-title a {
        color: #000000;
    }

    Does that not work?

    #13859
    Bernhard
    Participant

    No. I named the class wpsp-overloh and inserted it in the Section HTML Classes of the more settings tab, but it does not work.
    My css is

    .wpsp-overloh .wp-show-posts-inner:hover .wp-show-posts-entry-title a {
        color: #ffc233;
    }

    The #wpsp-28801 thing worked fine.

    #13877
    Tom
    Keymaster

    Ah, the plugin is outputting CSS to make it white, which uses the ID. In CSS, IDs always have priority over other CSS.

    You’ll need to use !important, unfortunately.

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.