Pro Header Builder Links

Support
#1

It looks like some have figured it out, but I’m confused. You can see on the left and in the middle I have containers that each contain a .png white image followed by text. If you hover over the container I want both the image and the text to change color together. So if you hover over the truck image or the free shipping text I want both to change colors like one link. Do you use CSS for that container?

#2

Hi there,

On each element you use you usually have a section called interaction for colors. You need to change the interaction section:

But as I am not sure how you implemented the header I will need to have access to your header builder for more help. Kindly get back to us with the URL/User/Pass of your website using the Secure Note functionality of the post to follow up.

Also, I suggest that you check these articles:


https://theme.co/apex/forum/t/elements-tips-and-tricks/214

Thank you.

#3

Thank you - login info attached…

#4

Hi,

To change the colors on hover, you can add the code below in Header > CSS

.my-second-bar .x-text:hover {
    color: red;
}

.my-second-bar .first-container .x-image:hover {
    content:url(https://www.advancedbiology.com/wp-content/uploads/2015/11/milk-thistle.jpg);
}

.my-second-bar .second-container .x-image:hover {
    content:url(https://www.advancedbiology.com/wp-content/uploads/2015/11/milk-thistle.jpg);
}

Change the color and image url as you wish.

Please note that you need to have a colored version of the images to swap it with the white version

Hope that helps.

#5

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