Footer design issues

Illdy
1

Hi
I’ve got a few issues regarding the footer:

  1. How do I change the colour of the hover text and social icons? I was able to change the default colour but not the hover colour.

  2. How do I change the background colour? I wasn’t able to find this option on the Front Page Settings.

  3. I don’t think I have that much information to share like products, support etc. When I removed the section for Footer 2, the information data immediately appeared. Instead of using Footer 4, should I just shift all the columns towards the left?

2

Hello,

I hope you are doing well today.

  1. You can use the following CSS code to change the icon hover color and background colorby going to Appearance > Customize > Additional CSS and pasting it there.

/*Hover Color*/
.widget:not(.widget_recent_comments) ul li:hover > a, .widget.widget_recent_comments ul li a:hover {
    color: #6a4d8a;
}

/*Background color*/
#footer {
    background-color: red!important;
}
  1. Go to Appearance > Widgets and remove the contents from the footer widget making it empty.

Best Regards,
Support

3

Hello

Thank you so much!
I managed to make the changes. Save the colour of the text in the last column.
Would you be able to advise the code for that please?

Thank you again!
Best regards
Lynette

4

Please provide link to the page

5

Ok, i found it, use this code to change text widget color in the footer:

footer .textwidget p {
color: white;
}

6

Hi Noda

Thank you!

Done. Unfortunately the “>” is not white…
How would I change that?

Thank you
Best regards
Lynette

7

Hello,

This CSS should do it:


ul li:before {
    color: white !important;
}

Best Regards,
Support

8

Hello,
Done! And the footer looks great now.

Thanks so much
Lynette

9

that’s great :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions
Thanks!