Pro footer columns not working

Support
#1

Hi,

I set up a footer for 4 columns. It was all looking great! Until I added href links to the text box under ‘useful links’. Then the 4th column wrapped under the 3rd. I had added an ID to the links so I could control the text colours. I went back and modified a little and the 4th column came back.

However, now, the bottom link (contact) is the only one which I can’t get to be black on hover.

Can you help?

Thanks,
Loren

#2

Hi Loren,

Thanks for writing in! For paragraphs, you need to specify hover effect separately.

For example you can add contact information as follows.

<p class="contact-info">
Address 1 <br />
Address 2 <br />
[email protected]
</p>

Then you can add the corresponding CSS rule into your Pro -> Theme Options -> CSS area.

p.contact-info:hover {
    color: black;
}

Similar example, you can check from here (https://www.w3schools.com/cssref/sel_hover.asp).

Hope that helps.

#3

Hi,

I have already specified the hover effect by applying a class to each line item. In all the links it works fine except for the last one.

#4

Hi There,

Your last element has this span tag.
<span style="color: #ffffff;">CONTACT US</span>

Try removing the following from the span tag, and that should resolve your issue.
style="color: #ffffff;"

Hope that helps.

#5

Ah! That did it! Thank you!

#6

You are most welcome!

#7

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