Docs

[Rex R]

Okay, I have accomplished so much from searching the forum responses but I am stuck on this one. I have a sidebar widget Recent Posts, using shortcode. I cannot get the hover color to go to #468D2A. Here is what is looks like now – http://screencast.com/t/wdCYjTyw. (I am actually proud of not having to bother you on the wrap header issue. Yeah me!)

Here is my current code; the hover part is at the end:

/* Sidebar Recent Posts Remove Date and Format */
.x-recent-posts-date {
display: none !important;
}

.x-recent-posts.vertical a {
width:100%
}

.x-recent-posts.vertical a {
color: transparent;
}

.x-recent-posts.vertical a {
border-color: transparent;
}

.x-sidebar .x-recent-posts .h-recent-posts {
	font-size: 14px;
  position: relative;
  margin: -5px 0px 0px;
}

.x-recent-posts .h-recent-posts {
text-overflow: inherit;
white-space: normal;
}

.x-recent-posts .h-recent-posts a:hover {
  color: #468D2A;
}

How do I get it to hover? Also, do you see any funky things in the code or redundancies?

Thanks so much. Rex

[Rue Nel]

Hello There,

Thanks for writing in! To change the hover color of the recent post items in your sidebar, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-sidebar .x-recent-posts a:hover .h-recent-posts{
    color: #468D2A !important;
}

Hope this helps. Please let us know how it goes.

[Rex R]

That was easy. I tried everything but that. THANKS SO MUCH. Rex

[Rupok]

You are welcome Rex!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts