Pro Header Builder Links

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?

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:

Thank you.

Thank you - login info attached…


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 {

.my-second-bar .second-container .x-image:hover {

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.

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