Links over the header

Support
#1

I’m trying to create the three sections/links over the header image (It’s a video in the integrity 1 demo). How would I go about getting those three popover links. If possible, instead of having them grow on open to show more, I’d like them to grow when you hover over them.

#2

Hi There,

Thank you for writing in, Please read the Revolution Slider documentation below.

Mouse Hovers for Layer Content

Hope that helps,
Cheers!

#4

Awesome, thanks! Is there somewhere I can reference that will make the textbox grow in height when hovered, or will that have to be done within the CSS?

#5

Hi there,

You will have to use layer actions like this https://www.themepunch.com/revsliderjquery-doc/layer-actions/

Then use the mouse over and out actions and toggle a class, then use the class (CSS) to increase your layer size, like scaling ( https://www.w3schools.com/css/css3_2dtransforms.asp ) or height.

Thanks!

#6

Do you know which action I would be using? Is there anywhere that demonstrates the two parts in one? I’m wanting it to be similar to the demo, but instead of growing on their own, only grow on hover.

#7

Hi There,

Please add a class hover-grow to your images layer (https://prnt.sc/itjpwe). Then add this to your Slider CSS.

.hover-grow img {transition: height 2s !important;}
.hover-grow img:hover {height: 500px !important;}

Feel free to adjust the values.

Cheers!

#8

I’m trying to hide text within a layer and then show it when I hover. I’ve created a div within the text and turned the display off but when I go to advanced CSS I can’t select that specific ID or tag to display it again on hover. I code it in, and then it disappears once it’s saved.

#9

Hi,

Can you provide us your site url so we can take a closer look.

Thanks

#10

but the issue I’m having is in the revolution slider

#11

Update: I can get the slider CSS to select the class, but it doesn’t do anything from there, even when using important. For example I tried
.test{
color: black !important;
}
with the layer class changed to test in the attributes tab. The same test was done with an unordered list within the layer that I gave a class. Nothing happened.

#12

Hi again,

I couldn’t find the Revolution Slider on your homepage, can you please share the URL of the page where you’re having issue so we can take a look?

In the mean time, try updating your code to this:

.test{
    display: block !important;
}

Thanks!

#13

Ok, I tried that code and it still didn’t do anything. I am trying to add it to the page, what is the setting to make the slider respect the page margins but still be full-width across the element? I have a “display: none;” on an aspect of the slider so I can see the CSS from the slider is working. However, none of the :hover code that I’m inputting is being read. Even something as simple of “color:white !important;” The aspects of the slide should appear on hover but they don’t.

#14

Hi again,

I tried to access the page but it says “Page Not Found” It looks like you’ve not published the page yet? Can you please double check if it’s the published and an existing page?

Thanks!

#15

I just published it with a password.

#16

Hi There,

I’m sorry, but your referenced page seems to be invalid (see secure note).

Could you please confirm? So that we can look into your issue.

Thanks!

#17

Sorry, this is our staging site, let me give you access.

#18

Hi again,

Regretfully we can’t provide you an email address, you can use your own email address to setup admin credentials and share with us in a Secure Note

I tried to access the URL you shared, It still looks like you haven’t published it. Make sure the status is published, that would be enough too.

Thanks!

#19

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.