Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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
    Rob

    #660367

    Hi Rob!

    Can you please post temporary logins here so we can see your site?

    Best regards,
    Yigit

    #660380

    Sorry I forgot. Below

    #660388

    Hi!

    Please try adding following code to Quick CSS

    #main .content {
        background: orange;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    Regards,
    Yigit

    #660403

    No 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
    Rob

    #660420

    Hey 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!
    Yigit

    #660430

    Good 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.
    Thanks

    #661304

    Hi,

    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,
    Yigit

    #661347

    Perfect! Thanks Yigit.

    #661350

    Hey!

    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Background Colour’ is closed to new replies.