-
AuthorPosts
-
January 5, 2015 at 7:50 pm #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
January 5, 2015 at 9:08 pm #375320Hey 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!
YigitJanuary 7, 2015 at 3:54 pm #376203Here 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, 11 months ago by lanelee.
January 8, 2015 at 4:12 am #376605Hi!
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,
IsmaelJanuary 8, 2015 at 7:30 pm #377028Thanks – 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, 11 months ago by lanelee.
January 9, 2015 at 8:49 am #377255Hey!
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!
IsmaelJanuary 9, 2015 at 5:48 pm #377476Ismael,
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! -
AuthorPosts
- The topic ‘Background image in main content area’ is closed to new replies.