-
AuthorPosts
-
July 13, 2016 at 1:03 pm #660346
Hi is there a way of setting the background color behind the site to a different color from “Main Content background color”. I have the site set to fit full width layout but set max-width to 1440 max-width and container to 1310. I want everything outside the 1440 to be a different color background color.
http://thegatheringbarn.co.uk/
Thanks
RobJuly 13, 2016 at 1:21 pm #660367Hi Rob!
Can you please post temporary logins here so we can see your site?
Best regards,
YigitJuly 13, 2016 at 1:29 pm #660380Sorry I forgot. Below
July 13, 2016 at 1:37 pm #660388Hi!
Please try adding following code to Quick CSS
#main .content { background: orange; padding-left: 10px!important; padding-right: 10px!important; }
Regards,
YigitJuly 13, 2016 at 1:57 pm #660403No sorry Yigit it has 3 problems:
– it doesn’t fit full width to match the header
– the padding shifts content to the right out of line with the header
– the color covers the header image
I have left the code in place so you can see it.
Thanks
RobJuly 13, 2016 at 2:13 pm #660420Hey Rob!
Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here. That way we can make sure that we are on the same page
Cheers!
YigitJuly 13, 2016 at 2:34 pm #660430Good idea. This is what I want to happen:
https://dl.dropboxusercontent.com/u/4753963/width-over-1440-eg.jpg
Color #f0f4f1 at the sides only on screens over 1440. Below that fit to screen width.
ThanksJuly 15, 2016 at 2:42 pm #661304Hi,
I set to display boxed layout in Enfold theme options > General Layout and then changed background color in Enfold theme options > General Styling and finally added following code to Quick CSS in Enfold theme options under General Styling tab to display fullwidth on screens smaller than 1440px
@media only screen and (max-width: 1440px) { .responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { max-width: 100%!important; width: 100%!important; }}
Please review your website now
Best regards,
YigitJuly 15, 2016 at 3:18 pm #661347Perfect! Thanks Yigit.
July 15, 2016 at 3:19 pm #661350Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Enjoy your weekend! :)
Best regards,
Yigit -
AuthorPosts
- The topic ‘Background Colour’ is closed to new replies.