Docs

[kearneycreativegr]

Right now my website doesn’t have a footer. How do I add one that looks like this?

My website: http://www.kearneycreative.com

[kearneycreativegr]

Here’s the image of the design I’m using

[Rue Nel]

Hello There,

Thanks for writing in! At the moment you are using a page template Blank – No Container | Header, No Footer. Please change it to Blank – No Container | Header, Footer to display the footer. We can then proceed what is needed to format the footer like the way you wanted it to be.

Please let us know how it goes.

[kearneycreativegr]

Okay! Changed the template to the suggested one.

[Rupok]

Hi there,

It seems it solved the issue – http://prntscr.com/cym595

Let us know if you need any other assistance.

Cheers!

[kearneycreativegr]

How do I add an image to my footer background and align my social Icons to be in the bottom right corner.

[Jade]

Hi there,

Please use this code:

.x-colophon.top {
    background-image: url(LINK_TO_THE_IMAGE);
    background-size: cover;
}

.x-colophon .x-social-global {
    float: right;
}

Hope this helps.

[kearneycreativegr]

When I add this it gives the top footer the image but only allows me to show the social icons if I have the bottom part to footer enabled. How do I get it so that the icons sit on the top part of the footer?

[Paul R]

Hi,

You can the code below in a text widget in Appearance > Widgets > Footer 1

<div style="float:right;">
[share title="Share this Post" facebook="true" twitter="true" google_plus="true" linkedin="true" pinterest="true" reddit="true" email="true"]
</div>

Hope that helps.

[kearneycreativegr]

How do I change it so that it’s not set as a sharing tab but a actual link to that social account?

[Rupok]

Hi there,

So you want social icons NOT social sharing icons, right? You can enable “Footer Social” from Customize > Footer – http://prntscr.com/czoma1

If you want this within widget area then you will need to use HTML within Text widget. You can use Icon shortcodes wrapped within anchor tag. Like :

<ul>
  <li><a href="http://facebook.com">[x_icon type="facebook"]</a></li>
  <li><a href="http://twitter.com">[x_icon type="twitter"]</a></li>
</ul>

Hope this helps.

Cheers!

[kearneycreativegr]

Perfect exactly what I needed! How do I align them horizontally and in the bottom right corner of the widget area?

Thanks for your help.

[Joao]

Hi There,

I don´t see any content on your footer widgets area.

Please add your widgets in order that we can help

Thanks

Joao

[Author]

Posts