[Charles WParticipant]

Hi

Please see attached screenshot. As it stands, my footer is:
1. Logo
2. Text
3. Social Icons
4. Menu

I would like it to be the following:

1. Logo
2. Text
3. Menu
4. Social icons
5. Text (additional sentence).

Is this possible?

Many thanks!!

[RupokMember]

Hi there,

Thanks for writing in! You can try placing your content under Customize > Footer > Footer Content

Hope this helps.

Cheers!

[Charles WParticipant]

Yes, I know that; but that only allows me access to adding/editing the logo and text. It doesn’t allow me to change the order; or to add a text line below the ‘menu’…

In addition, the menu and social icons appear fixed and I can’t move them.

[Paul RModerator]

Hi Charles,

To further assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Charles WParticipant]

This reply has been marked as private.

[RadModerator]

Hi Charles,

That’s doable, please add this code at Admin > Appearance > Customizer > Custom > Global Javascript

jQuery ( function($) {

$('.x-colophon .x-nav').insertBefore('.x-colophon .x-social-global');
$('<p>Additional text here</p>').insertAfter('.x-colophon .x-social-global');

} );

Then just replace Additional text here with your sentence.

Cheers!

[Charles WParticipant]

Many thanks!

I have a couple of minor adjustments I need help with in this section:

1. How do I make all the text the same size?
2. The text that goes into the ‘footer’ part of the customizer (as opposed to the above Javascript text) is in all caps. I need this to be normal text.
3. Is there a way of increasing the size of the social icons?

Thanks a lot…

[ThaiModerator]

Hi Charles,

Please add the following CSS under Customizer > Custom > Edit Global CSS:

.x-colophon.bottom,
.x-colophon.bottom .x-colophon-content {
    font-size: 14px !important;
    text-transform: none;
}
.x-colophon.bottom .x-social-global a {
    font-size: 28px;
}

Hope it helps 🙂

[Author]

Posts