Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 5, 2015 at 7:50 pm #375277
    lanelee

    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

    January 5, 2015 at 9:08 pm #375320
    Yigit

    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

    January 7, 2015 at 3:54 pm #376203
    lanelee

    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.
    January 8, 2015 at 4:12 am #376605
    Ismael

    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

    January 8, 2015 at 7:30 pm #377028
    lanelee

    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.
    January 9, 2015 at 8:49 am #377255
    Ismael

    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

    January 9, 2015 at 5:48 pm #377476
    lanelee

    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!

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