Docs

[denvermilleriii]

Hi there,

I have a carousel with multiple ‘Single Image’ elements that are setup as links. I’m trying to apply a red hover overlay to each of these images by adding the following code to the custom css section:

a.x-img:hover {
background-color: red !important;
}
a.x-img:hover img {
opacity: 0.5;
}

This css adds the red hover overlay to other images on the website but it doesn’t seem to work for the ‘Single Image’ elements in the carousel. Do you have any suggestions that might corrected this issue? Here is a link to the website I’m working on: http://www.cantstopcreativity.com/dev-ruby/

Thank you!

WordPress 4.4.2
X Version: 4.4.1
Cornerstone Version 1.2.4

[Thai]

Hi There,

Please try with this CSS instead:

a.vc_single_image-wrapper {
    background-color: red;
}
a.vc_single_image-wrapper img:hover {
    opacity: 0.5;
}

Hope it helps 🙂

[denvermilleriii]

Perfect! Thank you, that did the trick.

While I’m talking to you about this section. I noticed that in Firefox, the margin spacing for these “Single Image” elements doesn’t appear correctly and everything is squashed together. But in Chrome and Safari, the spacing looks great.

Is this an easy fix? Or should I open up another ticket?

Thank you again!

[Rad]

Hi there,

Please add this as well 🙂

a.vc_single_image-wrapper img {
width: 100%;
}

That should do it, cheers!

[denvermilleriii]

Perfect! That worked – thanks again!

The service that I’ve been receiving from Themeco has been amazing! Thank you so much for the help! I’ll definitely be purchasing this theme again for future projects. 🙂

[denvermilleriii]

Sorry, I have one last question for this carousel section.

When I shirk down the size of the browser to about 800px wide, some of these “Single Image” element adjust to different sizes. It looks a little weird and I’m trying to keep all these images the same size.

This might have something to do with the text box below the image, but I’m not sure. Do you have any suggestions?

Thank you again!

[Paul R]

Hi,

It sounds like you might be having an issue with a third party plugin or script. Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding.

[denvermilleriii]

No worries, I understand. Thank you so much for the help on everything else!

[Thai]

If you need anything else please let us know.

[Author]

Posts