Footer issues (2 of 'em)

Hi guys,

Two minor issues with my footer (site: https://awakeningclaritynow.com)

#1 the Click Here" text hyperlinks are right justified when they should be centered This is the code in the widgets :

Click Here

#2 I went through the forums to discover how to add an image background to my footer and I found this code: /* Enter Your Custom CSS Here */footer.x-colophon {
background-image:
https://awakeningclaritynow.com/wp-content/uploads/Nonduality-teachings-footer-image.jpg;
background-position: top center;
}

. . . but it’s not doing a thing.

Any thoughts?

Hi There,

Thanks for writing in!

1.It seems that your Click Here text are centered but your images not. Try centering the images as well.

2.You need to add the CSS rule into your Theme Options > Global CSS area.

footer.x-colophon {
    background-image: url('https://awakeningclaritynow.com/wp-content/uploads/Nonduality-teachings-footer-image.jpg');
    background-position: top center;
}

Hope that helps.

Actually, the images are centered (see: https://awakeningclaritynow.com/wp-content/uploads/Screen-Shot-2017-12-22-at-4.51.45-PM.png )

Hi There,

The columns should be your basis, actually the images the one that is not centered


As you can see in that screenshot the link “click here” are centered and the images are left align.

Please add this to Theme Options > CSS

.x-colophon.top .x-column.x-1-4 {
	text-align: center;
}

That should center everything inside the columns.

Hope it helps,
Cheers!

BRILLIANT!

Thank you so much! :grinning:

We are delighted to assist you with this

Have a great day,
Cheers!

Hey Friech, if it’s not too late . . . can you help me out with the footer image? I’m trying to make it fit the container as a single image.

Yeah sure, but first please clarify what do you mean by “as a single image.” as you have 3 images on the footer.

Thanks,

Right and that’s the problem I’m trying to rid. I only want the center image but I want it to span to all four corners (no repeat)

It’s a 1238 × 688 image. Too small?

Hi There,

Ah yes, so it was the background-image you’re referring.

Please update this custom CSS

footer.x-colophon {
    background-image: url(https://awakeningclaritynow.com/wp-content/uploads/Nonduality-teachings-footer-image.jpg);
    background-position: top center;
}

To this:

footer.x-colophon.top {
    background-image: url(https://awakeningclaritynow.com/wp-content/uploads/Nonduality-teachings-footer-image.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

Cheers!

Thank You again.

RESOLVED

You’re welcome :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.