Add Full Screen Background Image - Question | JoomShaper

Add Full Screen Background Image

E

Ed

Helix Framework 1 year 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

0
9 Answers
E
Ed
Accepted Answer
1 year ago #70297

Hello Paul!

My apologies for not understanding your solution

I applied the CSS but I was not successful. Kindly advise what I am missing.

Best,

Ed https://prnt.sc/bzbu3X7XZWFY

https://prnt.sc/agSJi7z-SG-I

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #69501

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(sppagebuilder.com/addons/carousel/carousel-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
0
E
Ed
Accepted Answer
1 year ago #69504

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?

0
E
Ed
Accepted Answer
1 year ago #69505

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #69513

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

In back-end editor you can find it here

foto_8363_2022.jpg

0
E
Ed
Accepted Answer
1 year ago #69536

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

0
E
Ed
Accepted Answer
1 year ago #69854

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

0
E
Ed
Accepted Answer
1 year ago #70307

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #70319

foto_8397_2022.jpg

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

0