Docs

[Ann]

Hey there,

I have tried so many different CSSs combinations from different threads but can’t get it to work for my footer widget. I’m trying to change the height and text color. How do I do that?

Thanks!!

Ann

https://onlineconsigncouture.com/

[Prasant Rai]

Hello Ann,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

footer.x-colophon.top p {color: #808080 !important;}

footer.x-colophon.top a {
    color: #808080 !important;
}

footer.x-colophon.top {
    min-height: 100px;
}

Thanks.

[Ann]

Nice!! Works perfect!

I have another site (moveu.com) where I’m trying to do the same thing and it was not that easy to just use the same CSS and I still can’t find anything similar when inspecting the element. Could you help me with that one too?

Thanks a lot !

Ann

[Prasant Rai]

Hello Ann,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-column.x-sm.x-1-1 .x-text a {
    color: #ddd !important;
}

Thanks.

[Ann]

Worked great!

Just ooooone last thing.. background for the widget. How do I change that?

Thanks so much!

[Friech]

Hi Ann,

Sorry but please clarify which widget are you referring to, I am not seeing any footer widget on this site https://moveu.com/

Thanks.

[Ann]

Sorry! For the request I was referring to this site again https://onlineconsigncouture.com/.

Sorry for keep jumping in between different sites. Could you also help me with changing the navigation site on the same site? (https://onlineconsigncouture.com/). The customizer won’t let me change it, nothing happens when I add new values.

Thanks!

Ann

[Lely]

Hi Ann,

Are you referring to the entire row? If yes, use this:

.x-colophon.top {
    background-color: red; /*Change to your preferred color*/
}

Or are you referring to background to each columns with widget? Please clarify.

Regarding changing navigation site, please do give us specific changes that you want apply like change link colors or background colors or adjust font size. That way we can be specific on our suggestion.

[Ann]

I was referring to background color for each widget column.

And I’d like to change the navigation bar height.

Thanks!

Ann

[Lely]

Hello Ann,

Please use the following CSS:

footer.x-colophon.top>div>div:first-child {
    background: red;
    padding: 10px;
}
footer.x-colophon.top>div>div:nth-child(2) {
    background: yellow;
    padding: 10px;
}
footer.x-colophon.top>div>div:nth-child(3) {
    background: green;
    padding: 10px;
}
footer.x-colophon.top>div>div:nth-child(4) {
    background: blue;
    padding: 10px;
}

Adjust the values accordingly.

For the navigation bar height, please go to Appearance > Customize > Header > Navbar Top Height (px): Adjust this accordingly.

Hope this helps.

[Ann]

Perfect!!

The navigation doesn’t respond to that though?

[Lely]

Hi Ann,

Try this instead:

.x-navbar-inner {
    min-height: 65px;
}

Cheers!

[Author]

Posts