Hi
I am creating a website and would like to have a watermark style background image. I have had no trouble setting that up, but the image shows through the content container in the blog area, and also through my homepage containers, which I have set up using the custom layout builder.
Can I grab the quick css code to make all containers non transparent, or coloured.
The look I am after is something like this
http://bodytypenutrition.co.uk
Thanks in advance
Steve
Hey Steve!
Can you also post the link to your website so we can take a look how it looks now?
Cheers!
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#main .container_wrap {
background-image: url(https://bodytypenutrition.co.uk/themes/btn-v2/img/background.jpg);
background-position: center center;
background-repeat: no-repeat;
}
Regards,
Yigit
Hi
That didn’t look good. I got the image behind the title and breadcrumb bar, and then another instance of it someway down the page, but showing through a transparent content container. How do I make the content bg non transparent?
Also, I would like to have menus in just a simple drop down like on the example site, how do I do that?
Appreciate the help, the theme is fab, but I’m not great with the CSS :-)
Cheers
any ideas?
Hey!
Please see this video tutorial about using MegaMenu – http://vimeo.com/channels/aviathemes/67651241
You can try adding a color section element and add your background image there and move all the other elements inside that color section
Regards,
Yigit