- This topic has 9 replies, 2 voices, and was last updated 3 years, 9 months ago by
.
-
Posts
-
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 yellowImage 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?
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?
Hi Tom,
I’ve inserted one list with 3 columns on this test page.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; }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.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?
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.
- You must be logged in to reply to this topic.