I’ve been trying to embed a full sized image on my static homepage, and no matter which method I attempt nothing happens. In one attempt I’ve frozen a partial image onto the page. Does anyone know why i’m having these issues.
image url: https://plus.google.com/116683223316732375997/posts/a5FpHbcQQCN?pid=6098672924711955778&oid=116683223316732375997
Hi Oliver
Try the following under Appearance > Custom CSS:
/* Home */ .home #main { background-image: url("http://url-from-media-library-goes-here.jpg"); }If you want the image to cover then you’d add something like this rather:
/* Home */ .home #main { background-image: url("http://url-from-media-library-goes-here.jpg"); background-repeat: no-repeat; background-position: center center !important; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }This added the image to the background, but I could not embed it over the background.
Sorry, I’m not quite with you there. Can you explain what you mean by “embed it over the background”?
I basically want to insert the imahe at a certain point.
Image not imahe.
So you want to insert the background image at a certain point in the layout? To do that you’d need to edit the row in Page Builder, click the theme tab on the right and insert the image url, found in the Media Library, into the background field option there. Then click the Layout tab and set Row Layout to Full Width Stretched.
Ok ill give it a try.
For sure.
After a few updates and tweaks i was finally able to embed the image. Now two questions. How do I center the image, and how do I remove the border without collapsing the image?