Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #375277

    I am trying to add a background image in the main ‘white’ content area – Boxed layout. I tried adding css to the Main div but it does not work? I can’t find where that could be set… Thanks for any help

    #375320

    Hey lanelee!

    Can you please post the link to your website and a screenshot showing the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Cheers!
    Yigit

    #376203

    Here is a link to the test site – http://50.87.172.40/blackdiamond/

    I wanted to put an image of grass or plants in the background near the bottom in the main white content area..

    I posted an image at the bottom of that page showing what I want to do…

    While I have your support. I am also wondering if there is a way to remove the 2px border under the active main menu?

    Thanks so much!

    • This reply was modified 9 years, 10 months ago by lanelee.
    #376605

    Hi!

    You can try something like this on Quick CSS or custom.css:

    .container_wrap .container {
    background: url(IMAGE HERE) center bottom no-repeat;
    }

    Remove the active menu line with this:

    span.avia-menu-fx {
    display: none !important;
    }

    Best regards,
    Ismael

    #377028

    Thanks – I am trying but it looks like there are a bunch of .containers. So my background is getting put in 5 spots – I just want it in the white #main container.. Not sure how to reference just that container?

    http://www.reachmedia.us/blackdiamond/

    Ive tried referencing the #main div but it does not close there.. It holds the footer too. So I tried nth-chilld on that container but, that does not work either?? Any ideas?

    • This reply was modified 9 years, 10 months ago by lanelee.
    #377255

    Hey!

    After the slider, add a color section then add a unique id to it using the For Developers: Section ID field. Use “grass-section” for example. Move all content inside this color section. Replace the css code above with this:

    #grass-section .container {
    background: url(IMAGE HERE) center bottom no-repeat;
    }

    Or use this:

    div#after_full_slider_1 .container {
    background: url(IMAGE HERE) center bottom no-repeat;
    }

    Cheers!
    Ismael

    #377476

    Ismael,
    Thanks so much for the help. I didn’t think to try a color section. With that I could simply assign the grass repeat in the admin panel.. All fixed!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Background image in main content area’ is closed to new replies.