[Alex]

Sakin, is there a chance to do a mouseover in the feature content images in the homepage? I don’t see any option in Theme Options > HomePage Settings > Homepage Featured Content Options.

Thanks

[Sakin]

@Alex: Sorry I don’t get it what you mean. Can you explain with reference to your site URL what you want to do on mouse hover.

[Alex]

Sakin, right now in the code when you do a mouseover (hover) over the featured content images in the homepage they change in opacity but they go from 100% to fade, what I need is the opposite effect. I need the images to appear a little bit faded and when you do a mouseover they come to 100% opacity. Hope this clarify.

[Sakin]

@Alex: Can you try adding in the following css in “Appearance => Theme Options => Custom CSS” box.

#featured-post a:hover img.wp-post-image {
	opacity: 1;
}
#featured-post a img.wp-post-image {
	opacity: 0.9;
}

[Alex]

Thanks. It worked that is exactly what I needed. Is there any code to add a smooth transition with the hover effect?

[Sakin]

@Alex: Try replacing the above css with the following.

#featured-post a img.wp-post-image {
   opacity: 0.8;
}
#featured-post a:hover img.wp-post-image {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
 }

[JA-LMM]

Hello!
On my homepage (www.lesmaisonsmedicis.com), in the 3 featured content blocks, my rollover is orange… I’d like to change the color of this rollover but I can’t find where.
Can you help me with that, please?
Thank you.
Best,
Jérôme

[Sakin]

Hello Jérôme,

You can change the color code in the following css and then add it in “Appearance => Customize => Additional CSS” box:

#featured-content .entry-title a:hover,
#featured-content .entry-title a:focus {
    color: #78cc39;
}

Regards,
Sakin

[Author]

Posts