Docs

[peterok]

My i know how do i create and test customisation on a child theme?

[Christopher]

Hi there,

Please check this link to setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Hope it helps.

[peterok]

I have my child theme set up, where do i find the function.php to edit?

[Christopher]

Hi there,

Please connect to FTP and find functions.php file under wp-content/themes/x-child.

Hope it helps.

[peterok]

This reply has been marked as private.

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer. This should reduce the bottom footer height.

footer.x-colophon.bottom {padding-top: 0;padding-bottom: 0;}
.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom #menu-customer-care,
.x-colophon.bottom .x-social-global {
	margin-bottom: 0;
	margin-top: 0;
}

And this should able you to adjust the top and bottom footer gap.

footer.x-colophon.top {
	padding-top: 2%;
	padding-bottom: 2%;
}

Hope it helps, Cheers!

[peterok]

It is still very big, how am i able to control the footer size?

[Rupok]

Hi there,

Did you really try the suggested code? Default padding is as follows :

.x-colophon.top {
  padding: 5% 0 5.25%;
}

So if you use the suggested code :

footer.x-colophon.top {
	padding-top: 2%;
	padding-bottom: 2%;
}

Then it will look like this – http://prntscr.com/b7qdxd

So I think the problem will be resolved. Again you can still modify this with your desired value. So makes use to use the suggested code correctly and spend a few minutes to make sure the other codes are also closed properly.

Hope this makes sense.

[peterok]

Am i able to add a fill into the foot also? would like to add like a soft pink colour.

[Christian]

Please add the code below in your Appearance > Customize > Custom > CSS

.x-colophon.bottom {
    background: lightpink;
}

Hope that helps. 🙂

[peterok]

This reply has been marked as private.

[Paul R]

Hi,

To make your top footer colored, you can add this in Appearance > Customize > Custom > CSS

.x-colophon.top {
    background: lightpink;
}

This is how your footer looks at my end, can you specify which space you are referring to.

http://screencast.com/t/DsL6MoFJrG

Thanks

[peterok]

This reply has been marked as private.

[Rupok]

Hi there,

The above code is for top footer although the screenshot was wrong. Kindly use the suggested code.

To be precise :

For Top Footer area:

.x-colophon.top {
    background: lightpink;
}

For Bottom Footer area:

.x-colophon.bottom {
    background: red;
}

Hope this helps.

Cheers!

[Thai]

Hi There,

Please add the following CSS:

footer.x-colophon.top {
    background-color: #f0f0f0;
}

Hope it helps 🙂

[Author]

Posts