[widyamuktiwaskitoParticipant]

Hi there,

As title goes, i want to know how to customize footer widget areas into columns. I’ve enabled footer widget areas into three. I thought it split into column, but in my appearence, it split into rows. How to customize it into columns?

And how do i change background color of the footer?

FYI, i use integrity stack.

Thanks before.

[RahulModerator]

Hi there,

If you have enabled footer widget areas, you can add/edit it from Appearance -> Widgets section on WordPress back-end. There you will see Footer widget areas.

To edit the footer content at the bottom of the page, head over to Appearance -> Customize on WordPress back-end. Then click on the Footer tab on the Customizer menus. There you will see a section called “Footer Content”.

You can change the color of the footer elements using the code below.

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

.x-colophon.top,
.x-colophon.top h4, /* heading */
.x-colophon.top a { /* links */
        color:red;
}

.x-colophon.bottom,
.x-colophon.bottom .x-nav li a, /* footer menu */
.x-colophon.bottom .x-social-global a i, /* social icons */
.x-colophon.bottom .x-colophon-content a { /* content links */
       color:red;
}

Change red with the color that you like.

You can also change the color individually.

eg.

/* footer menu */
.x-colophon.bottom .x-nav li a {
    color:red;
}

/* social icons */
.x-colophon.bottom .x-social-global a i {
    color:blue;
}

Hope that helps.

[widyamuktiwaskitoParticipant]

Sorry, i mean change color of the footer background. How to?

[DarshanaModerator]

Hi there,

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

.x-colophon.bottom {
    background-color: #5f1212;
}

Hope that helps.

[widyamuktiwaskitoParticipant]

Hi, thanks!! it’s work.

[JadeModerator]

You’re welcome.

[Author]

Posts