-
AuthorPosts
-
March 13, 2015 at 7:58 am #410867
Hi,
I think I know the answer but figured it was worth a try as sometimes the brilliant support team here has a solution that never occured to me.
What I want – my Home page to have a full screen background image but have a colored section in the content area that streaches full width.
I am currently using a Colored section to contain the full screen background image. Doing this means I can’t have a colored section to contain the full-width colored background strip (which will then hold normal content).
Any ideas?
Thanks,
SladeMarch 13, 2015 at 3:31 pm #411006Hey Slade!
Not sure if i understood you clearly but i guess you would like to make the content of your color section fullwidth? If so, please give your Color Section an unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
then add following code to Quick CSS#your-custom-id .container { max-width: 100%; padding: 0; margin: 0; }
Regards,
YigitMarch 13, 2015 at 8:48 pm #411285Hi Yigit!
But what if I am already using a Colored Section to hold the Fullscreen background image? I don’t believe I can place a Colored Section inside of a Colored Section..??
You can see where I am going here: http://beachfrontgardeninn.com/bf_newsite/ (please excuse the messiness of the site as I just started layout) :)
I am currently using a Text Box inside the Colored Section. The Text Box has a Custom CSS Class so I could give it a background color. I would love it if that background could run Full Width. The client really liked the design/layout of this site: http://www.montereyrentals.com/ As you can see they have a fullscreen background image with their version of Colored Sections running the Full Width on top of the Background.
If this isn’t possible…no worries. I think I can style this one up enough to sell him on it but wanted to make sure it wasn’t possible first.
Thanks!
SladeMarch 16, 2015 at 3:42 am #411815Hey!
try out this code in Quick CSS:
.home-search-form { width: 116%; margin-left: -85px; }
and adjust if necessary.
Regards,
AndyMarch 16, 2015 at 7:24 am #411899Hi Andy!
Thanks for the reply. This did make it a little wider but not by much and definitely not full-width.
Much appreciated though.
Slade
March 16, 2015 at 7:50 pm #412494Hey!
Try adding this to your custom CSS.
#home-bg .container { max-width: 100% !important; }
Cheers!
ElliottApril 30, 2016 at 6:47 pm #625098hmm I’m having the same issue! I want the container with the text to be full-width and I tried your code in quick css to see if it would do the trick and it didn’t. Any help would be greatly appreciated – see link below!
April 30, 2016 at 7:24 pm #625107Hi,
Please do create a new ticket, so we can manage help as good as possible.
Best regards,
Basilis -
AuthorPosts
- The topic ‘Fullscreen BG image "with" full-width color section’ is closed to new replies.