Footer in ethos 3

Support
#1

in ethos 3 for x theme there is a section above my main header page that is a strip of black and my social media icons are in there. they are small and you can barely see them how do i change the size and color?
also right above my footer bar i have an amazon affiliate widget. the section is in tan and the lettering is white, and you can barely see it
is there an easy way for me to edit the font and background color for this as well?
thanks for you help!

#2

Hello @Sarahm04,

Thanks for asking. :slight_smile:

Can you please share website URL for us to take a closer look?

Thanks.

#3


thanks!!

#4

Hi there,

Please add this code in the global CSS:

.x-topbar .x-social-global a i {
    font-size: 20px;
    color: #fff;
}

.x-colophon.top {
    background-color: #000;
}

.x-colophon.top .h-widget,
.x-colophon.top .textwidget {
    color: #efefef;
}
#5

how do i access the global css? do i need to add a plugin or am i just not seeing it? thank you!

#6

Hi there,

Please go to X > Theme Options then click on the CSS option that is on the lower left side of the page.

Hope this helps.

#7

wow!! thank you so much. that fixed it! i appreciate your help!

#8

You’re most welcome.

#9

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