Forum Replies Created
-
Posts
-
I seemed to have solved it.
The following CSS allows me to set a background image for a specific page. In this case the blog page.
.blog .main_color {
background: url(http://xyz.jpg) no-repeat fixed 100% 100%;
}or this code works as well or better
.blog .main_color {
background: url(http://xyz.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}Thanks Devin.
Yes, my aim would be to have it behind the header but could still work with the color content section.
The challenge with the image inside the color content section is that to make it use the whole area – it also centers the containers. If you only have a few containers, then they appear in the middle of the screen.
Is there any CSS to use all available area (not including behind the menu) via a color section AND make those containers align to the top of the screen and not the middle?
Thanks
Thanks Peter.
I am using the “Fullscreen Slider”, my mistake.
I am trying to make the full screen slider cover the entire page and have the menu semi-transparent.
Current quick CSS
———————————————————————————
..title_container{ display: none; }.content {
padding-top: 18px;
padding-bottom: 1px;
}.fixed_header #main {
padding-top: 0;
}.header_color div {
border: none;
}.header_color .header_bg{
background-color: rgba(255,255,255,0.3);
}
———————————————————————————Your code works, but in order for me to make the images using a fullscreen slider appear at the very top of the page I have to add the padding code in: (otherwise they start below the menu.
.fixed_header #main {
padding-top: 0;
}When I do this, it creates a gap at the bottom of the page, even when using a fullscreen slider.
Any ideas?
Thanks
