Footer adjustments

Support
#1

Hi, would like to make my footer look like this or something similar.
But currently I have only the lower section.
How can I do this? I tried with ubermenue but it only accepts one menue.

Thank you.
Nimue

#2

Hi Nimue,

Please go to X > Theme Options > Footer then set the Footer Widget Areas to 4.

Then go to WP Admin > Appearance > Widgets then place the widgets to the Widget location with Footer label in it.

Hope this helps.

#3

thank you so much, this was really helpful!
But now the background is white and the font is green. So how can I make the background black and three horizontal links bold and with an underline? Like it did it manually in the example above.
Thank you!
Nimue

#4

Hello Nimue,

I can see that you are using Renew stack. You can change the background color of the footer by going to X > Theme Options > Renew. And then the color of the text can be change by going to X > Theme Options > Typography > Site links.

We would loved to know if this has work for you. Thank you.

#5

Thank you RueNel
This is my setting in RENEW which I have right now, and where the new footer area still looks white
What do I need to change additionally?

#6

Hello Nimue,

Well in that case, the color must be referring to the widget area. Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-colophon.top {
    background-color: black;
}

.x-colophon.top > *{
    color: white;
}

.x-colophon.top > *:hover{
    color: #ccc;
}

Please let us know how it goes.

#7

I added it in the global css, but it still looks the same…

#8

https://nimuefichtenbauer.com/

#9

Hello Nimue,

Please remove all your comments because they are incorrect.

 <!-- footer widget -->

The correct one should be

 /* footer widget */

I can see that you have added several comments which you will have to remove or replace to avoid any issues or css conflicts.

Please let us know how it goes.

#10

Thank you SOOOO much!

I changed it and now it looks like this
So we’re getting there :slight_smile:
And I would love to have an underline too.

#11

Hello Nimue,

Please have the given code updated and use this instead:

.x-colophon.top {
    background-color: black;
}

.x-colophon.top > *{
    color: white;
}

.x-colophon.top > *:hover{
    color: #ccc;
}

.x-colophon .widget ul,
.x-colophon .widget ul li {
    background-color: transparent;
    border: none;
}

Hope this helps. Kindly let us know.

#12

Thanks it did help!!!
Only the color of the font isn’t white yet :slight_smile:

#13

Hey Nimue,

Sorry the was a typo error of the code. Please use this instead:

.x-colophon.top {
    background-color: black;
}

.x-colophon.top *{
    color: white;
}

.x-colophon.top *:hover{
    color: #ccc;
}

.x-colophon .widget ul,
.x-colophon .widget ul li {
    background-color: transparent;
    border: none;
}

Hope this helps.

#14

It worked! Amazing Help!!! Thanks a lot!

#15

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#16

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