Add Full Screen Background Image - Forum | JoomShaper
Solved Helix Framework

Add Full Screen Background Image

Asked by Ed 4 years ago Last activity 4 years ago

Hello! How do I add a full screen background image to my home page Helix 2.0.9? Many thanks in advance for your insight. Ed

Accepted answer

Marked as the solution

8 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
4 years ago

Hi Ed,

possible, but it depends how you really want to make it, there are few ways.

Let's imagine that you want to do that for the whole COMPONENT area (home page), in that case, small Custom CSS is needed:

.com-sppagebuilder.itemid-101 #sp-main-body {
  background: url(https://sppagebuilder.com/addons/carousel/carousel-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
Ed Asked this
4 years ago

Hello Frank!! Many thanks for addressing the issue, and it looks like that should work for me...but, newbie that I am, where do I put the CSS? And I assume I load the background image I want in the Carousel Add-On?

Ed Asked this
4 years ago

Sorry, I meant Paul. Thanks indeed for the direction. And I look forward to your thoughts.

Paul Frankowski Senior Staff
4 years ago

Custom CSS you can put inside that page - Custom CSS field.

In back-end editor you can find it here

foto_8363_2022.jpg

Ed Asked this
4 years ago

Hello Paul!

Thanks for the clarification. I inserted the code into the home page CSS, but as a newbie, I don't know how to invoke the CSS. So, I inserted a row with the carousel, loaded the background pic and hoped for the best. As you will see, it did not work out. Kindly advise what I should have done.
Many thanks in advance for your thoughts.

--Ed

Ed Asked this
4 years ago

Hello Team Joomshaper--and Paul if you are there:

I think we're close to getting this right. Any update would be appreciated.

Many thanks in advance.

--Ed

Ed Asked this
4 years ago

Hello Paul!

Thanks for the clarification. I inserted the code into the home page CSS, but as a newbie, I don't know how to invoke the CSS. So, I inserted a row with the carousel, loaded the background pic and hoped for the best. As you will see, it did not work out. Kindly advise what I should have done.
Many thanks in advance for your thoughts.

--Ed

Paul Frankowski Senior Staff
4 years ago · edited

foto_8397_2022.jpg

small part was missing, our forum editor cut it off :(

Log in to reply.