Docs

[LDudIdea]

I have an image that I’d like to insert into my footer that I want to use as the entire space of my footer. How can I accomplish this?

[LDudIdea]

This reply has been marked as private.

[Friech]

Hi There,

Thank you for writing in! Please upload the image on your media library as an image format (.jpg or .png), take note of the image URL.

Then make your Footer Widget Area one column only.

Then add the image on the footer area with a text widget. Use the code below, replace the IMAGE URL HERE with the actual URL of the image.

<img style="width: 100%;" src="IMAGE URL HERE" alt="image" />

Then add this under Custom > CSS in the Customizer to make the footer fullwidth.

footer.x-colophon.top {padding: 0;}
footer.x-colophon.top .x-container.max.width{
	width: 100%;
	max-width: 100%;
}

Hope it helps, Cheers!

[LDudIdea]

This reply has been marked as private.

[Friech]

Hi There,

To make the footer widget area a one column. Navigate to Appearance > Customize, on Customizer under the Footer panel set the Footer Widget Areas to one.

You might need to navigate to Appearance > Widgets and move your image code to the first footer since currently you placed it on the second footer (footer 2)

The white space above the image is the last section’s bottom padding. Please set that to 0.

The white space below the image can be remove by adding this on your Custom CSS on Customizer.

.x-colophon.bottom {
	padding-top: 0;
}

Thanks.

[LDudIdea]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thank you for the clarifications! I can see that you have set in the customizer to have a two column footer widget areas. This is the reason why the image is not stretched out. it is only displaying 50% of the width. Please go to the customizer, Appearance > Customize > Footer and set the “Footer Widget Areas” to just only One column. Once done, please make sure to transfer the widget to the Footer 1 widget area.

http://prntscr.com/d94eay

Hope this helps.

[LDudIdea]

This reply has been marked as private.

[Joao]

Hi There,

I am a bit confused about what you are trying to achieve.

I don´t think it is the best thing to add an image with your telephone link, address,etc..this should be added as a text on your site.

Please provide a mockup/image of how you would like your site to look like at the end so we can understand your goals and suggest you a tailored solution.

Thanks

Joao

[LDudIdea]

This reply has been marked as private.

[Rupok]

Hi there,

You just need to set one column for the footer widget – http://prntscr.com/da90qy

I did that for you to test and seems fine now.

Cheers!

[LDudIdea]

This reply has been marked as private.

[Rupok]

Hi there,

It seems you are using fullwidth template there for the pages but your homepage have no container template. So you can set same template as home for the other pages or add this under Custom > CSS in the Customizer.

.x-colophon.top {
  padding: 0;
}
.x-colophon.top .x-container.max.width {
  max-width: 100%;
  width: 100%;
}

Hope this helps.

[Author]

Posts