Return to previous page

Footer Font and Color CSS Customization - by shinraidenz

This topic has 12 replies, 3 voices, and was last updated 5 years, 2 months ago ago by Olga Barlow

shinraidenz

Participant

March 1, 2019 at 07:42

Hi Team,
How can I customize the footer font and color css?
Thanks!

#210197 Copied Theme version: 5.1.6.1

11 Answers

Rose Tyler

Support staff

March 1, 2019 at 08:03

Hello,

Main “Footer styling” settings you can find in Theme Options > Footer.
If your footer was created using a static block https://youtu.be/hmsxW5KF9dg you can use WPBakery Page Builder to edit styling of the content https://youtu.be/1Nu49dskD1Q
Feel free to ask if you have any other questions.

Regards

#210198 Copied

shinraidenz

Participant

March 1, 2019 at 08:42

Hi Rose,
This doesn’t answer my question on how to customize the Footer Font Size and Color.
Since day 1 i tried looking for it in the theme options but cannot find the mentioned sections.
I even tried editing the custom css global but to no luck.
Would appreciate the help asap.
Thanks!

#210200 Copied

Rose Tyler

Support staff

March 1, 2019 at 08:49

Hello,

http://prntscr.com/mrp6ew
Please provide URL or screenshots of your footer section. Describe the desired result in more details and I will help you.

Regards

#210201 Copied

shinraidenz

Participant

March 1, 2019 at 09:23

Hi Rose,
I know about changing the color scheme on the theme options.
My objective is to adjust the Footer Font Size.
Thanks!

#210202 Copied
Rose Tyler

Support staff

March 1, 2019 at 09:32
Dear,

Custom css that will increase font size is depends on content in your footer. For example, https://xstore.8theme.com/ > http://prntscr.com/mrpqsj
```
.footer-widget p {
    color: blue;
    font-size: 12px;
}
footer .footer-widget a {
    font-size: 18px !important;
    color: red !important;
}
.footer .textwidget {
    color: cyan;
    font-size: 1rem;
}
.footer-widgets .widget-title {
    color: #a0722c;
    font-size: 1.2em;
}
.footer-copyrights p {
    color:  blueviolet !important;
}
```
(code should be added in Theme Options > Custom css)

Regards
#210203 Copied
shinraidenz

Participant

March 1, 2019 at 09:33

Hi Rose,
I just did the blocks for footer.
Thank you for your help.
God bless.

#210204 Copied

Rose Tyler

Support staff

March 1, 2019 at 09:39

Hello,

You’re welcome!
Feel free to ask if you have any other questions 🙂

Regards

#210205 Copied

shinraidenz

Participant

March 1, 2019 at 10:05

Most definitely. Thank you again! 5 stars for you dear!

#210208 Copied

Rose Tyler

Support staff

March 1, 2019 at 10:14

My pleasure! Have a nice day.

Regards

#210210 Copied

shinraidenz

Participant

March 2, 2019 at 04:55

This issue is resolved. 🙂

#210270 Copied

Olga Barlow

Support staff

March 2, 2019 at 11:18

Hello,

Great. Have a good weekend.

Regards

#210277 Copied
Viewing 12 results - 1 through 12 (of 12 total)