Docs

[kearneycreativegr]

website: http://www.kearneycreative.com

Want the footer to look like the image attached.

[Joao]

Hi There,

First of all I would reccomend you adding a footer widget and transfering your “SO, WHAT’S YOUR STORY?” to that footer widget.

Than add the rest of the content you want on the left side on the Footer Content.

Once you have that ready please contact us so we can provide you a tailored solution.

Thanks

Joao

[kearneycreativegr]

How do I code the text to sit on the footer without having to turn on widget area? I want to keep it all on that image.

[Rupok]

Hi there,

I can’t see the text on your site. Let’s place this within “Footer Content” under Customize > Footer. We can help you to position the text properly.

Thanks!

[kearneycreativegr]

Fixed that part! How do I align the social icons to the right then add text thats level with them to the left? I added the image above of what I want it to look like.

Thanks!

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS and do the necessary adjustments, if you need further help, please let us know

.x-colophon.bottom .x-social-global:before {

	content: "Your text go here";
	font-size: .4em;
	vertical-align: middle;
	margin-left: 8px;
	float: left;
        margin-top: 20px;
}

.x-colophon.bottom .x-social-global {
width: 30%
float: right;
}

Hope that helps

Joao

[kearneycreativegr]

How do I push the social icons lower and further to the right?

[Prasant Rai]

Hello There,

Thanks for writing in!

Can you please add ; after width: 30% in previous code shared by us? So the final code would look like:

.x-colophon.bottom .x-social-global {
width: 30%;
float: right;
}

Let us know how it goes.

Thanks.

[kearneycreativegr]

Alright I did that and it’s still messed up. Any other things I should do?

[Lely]

Hi There,

Please see this:http://screencast-o-matic.com/watch/cDXXenj9Un

Please update this:

.x-colophon.bottom .x-social-global {
width: 30%;
float: right;
}

To this:

.x-colophon.bottom .x-social-global {
    width: 100%;
    float: right;
    text-align: right;
}

That is the result you want based on your initial post, correct?

Hope this helps.

[kearneycreativegr]

Website: http://www.kearneycreative.com
Couple questions!

1.) How do I change the color of the text I have aligned to the left in my footer?

2.) How do I move the social icons closer together?

3.) For some reason when I go on to specifically my contact page the footer is all messed up, how do I fix this?

Thanks for all your help!

[Thai]

Hi There,

Please add the following CSS:

.x-colophon.bottom .x-social-global:before {
    color: #fff;
}
.x-colophon.bottom .x-social-global a {
    margin-left: 0;
}

3.) For some reason when I go on to specifically my contact page the footer is all messed up, how do I fix this?

Please clear all the cache and try again.

Regards!

[kearneycreativegr]

Cleared cache and the contact page footer is still messed up. Other options?

Thanks!

[Rue Nel]

Hello There,

I did some further investigation and I found out a few things. You may have inserted an invalid code.

Please update the contents of your custom headline:

<span style="font-family: 'Source Sans Pro';"><em>We forge our creations with passion and perspective</em></span>

And in your footer content, please update it and use this code instead:

<h2 style="color:white;">SO, WHAT'S YOUR STORY? </h2>

Hope this helps. Please let us know how it goes.

[kearneycreativegr]

Changed that but I’m still running into issues with contact page footer.

[Author]

Posts