I would like to give a particular color as background for the complete page. I have done so changing Theme background color and and making block brackground color as same as theme background color.
http://www.screencast.com/t/yoJ8xk4Bp
Hier I have some Problems and questions:
1. There is a white space as boarder. Whether able to remove this white space?
2. When giving background color, whether able to make Main Menubar as fullwidth, not as boxed?
3. Whether able to give Header as fullwidth Image- covering whole place above Main Menubar? if then what shall be the image size of Header?
I have found CSS code for fullsite Background in support forum.
.td-main-content-wrap {
background-color: transparent;
}
.td-header-menu-wrap-full {
background-color: transparent;
}
.td-footer-wrapper {
background-color: transparent;
}
.post {
background-color: transparent;
}
.td-banner-wrap-full, .td-header-menu-wrap-full {
background-color: transparent;
}
Then I could get the result so
http://www.screencast.com/t/9RtbZNx4
So now I need your help for
2. When giving background color, whether able to make Main Menubar as fullwidth, not as boxed?
3. Whether able to give Header as fullwidth Image- covering whole place above Main Menubar? if then what shall be the image size of Header?
Hi,
In order to have the main menu full with, you need to remove the background color or background image from the theme panel because the site will switch to a boxed version if any of these 2 options are added. (use only the css background)
You can use css to add the background image to the header but for this you need to specify which header style you use so I can provide the proper css code.
Thank you!
Hallo Bogdan B.,
Thanks for your support.
As you have suggested, I have removed the background color from the Theme Panel. And it has helped me to get the required result of Full width Main Menu.
1. And you have asked me to use only the CSS Background. But I require this CSS Code to use a particular color as Background for the whole Page and Theme.
2. I use Headed Style 9 (Full Logo on Top). I require also the proper CSS code to add the Background image to the Header, so that I may be able to give Header as fullwidth Image- covering whole place above Main Menubar.
What shall be the image size of Header?
with thanks
Hi,
1) Yes, that is what I was suggesting. Don’t remove the css color, just remove the color from the theme panel so the theme does not go into boxed mode.
2) For header style 9 you can use this code to add an image in the logo container:
.td-header-style-9 .td-logo-wrap-full{
background-image: url(‘http://wowslider.com/sliders/demo-5/data/images/saarschleife.jpg’);
}
result: http://screencast.com/t/qC03xDc7a
You simply have to edit the url and add a few positioning proprieties so your image will fit properly.
Thanks.
Thanks for all your support.
