Docs

[liz80y]

Hi there,

I have a few little things i need some help with.

1. I have placed my social media icons in the footer in the first field. I would like to have them positioned so they are Facebook, Istagram and Pinterest on first line and Twitter, Google and RSS on line under the first. I would like to make them quite large to balance the look of the footer.

Can you help me with the CSS code i need to do this?

2. How do i get my footer headings above the line i have at the top of each section? For some reason they have dropped below the line.

3. Can you also tell me how to reduce the top and bottom margins of the footer as a whole. I can’t seem to locate the description for the CSS.

4. Finally, i will also need to reduce the gap between the footer and the main content on the homepage above.

Thanks so much for helping me out 🙂

[liz80y]

This reply has been marked as private.

[Joao]

1- Hi There,

I have added a breaking tag <br> on your widget code and now the icons are displayed in two lines. Regarding the icon formating please add the code below to Appereance / Customizer / Custom / CSS:

.x-colophon  .x-social-global i {
 font-size: 50px;
  padding: 5px;
  
}
.x-colophon a {
  text-decoration: none;
}

2 & 3-

.x-colophon.top {

padding-top: 0px;

padding-bottom: 40px;

}

4-

.x-container>.offset {
margin-bottom: 0px;

}

Hope that helps,

Joao

[liz80y]

That’s perfect Joao!

In my footer menu i would like to create a bit bigger gap between each line. Can you tell me how to do this? I have tried ‘line-spacing’ and ‘line-height’ but doesn’t seem to be working. I just want it so that ‘Privacy policy and disclaimer’ is more inline with the bottom of the instagram widget.

Thanks again 🙂

[liz80y]

Also, if you don’t mind, i just checked out my site on my mobile and noticed the headings in the sidebar are not loading. Can you see why this is?

Thanks 🙂

[Rue Nel]

Hello There,

Thanks for the updates!

To adjust the line height of the texts in your footer widget area to align the instagram widget and the “Privacy policy and disclaimer”, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-colophon.top .widget .textwidget li {
    line-height: 40px;
}

The headings in your sidebar is actually loading. It is not visible because it is in white color. You can change the color by adding the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 979px) {
    body .x-sidebar .h-widget {
        color: #000 !important
    }
}

Please let us know if this works out for you.

[liz80y]

That’s great. Thanks for helping me.

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Nordicearthchild]

Hi there,

I have the website: http://scandinavianearthchild.com/ and in my footer I have an instagram plugin so my instagram feed i pulled in. Under that I then have my social buttons and both things are exactly how I want it.

The only thing is that I would also like a disclaimer placed at the very bottom of the page (underneath both insta feed and the social buttons) But when I write in the footer content box – underneath the code that pulls in my instagram feed it doesn’t appear. Instead it just messes up the instagram feed.

Can you please tell me what to do to ensure that I add the disclaimer at the bottom of my page without interfering with my instagram feed being pulled in?

thank you very much.

Mai

[Rupok]

Hi Mai,

Thanks for writing in but I don’t think it’s related with this thread. If you have any problem you can open your own thread and provide required information in a private reply since posting private reply on other user’s thread is not recommended at all.

So open your thread, place the disclaimer and add a screenshot of what you are trying to achieve. We’ll be happy to suggest you a fix.

Cheers!

[Author]

Posts