Hey guys,
I want to look at a few alterations to the main pages with the use of a sidebar. At the moment I have a nasty dividing line between the main page and the sidebar. I also cant work out how to make my background image work across both the main content and sidebar seamlessly.
See below….
1) How do I remove the dividing line between the sidebar and main content (either default or a custom versions)
2) How do I change the color of the sidebar divide line (again if its either default or custom)
3) How do I add a background color or image to the sidebar
4) How do I make one image (say a picture of a sand dune) traverse width and height ways across the whole page – encompasing the background of both main content and the sidebar with the divide line removed.
Hi andypeck,
The border is added in depending on the sidebar with:
.sidebar_left .content {
border-left-style: solid;
border-left-width: 1px;
border-right: none;
margin-right: -50px;
margin-left: -1px;
padding-left: 50px;
}
So you can remove it by changing the border width to 0px. Add a” border-color: #cc0 !important ” to the css to change the color and the same with color/image.
#4 however is a bit more tough. The best way to do this is with a color section. Outside of that its entirely custom css based on the page and elements within the page. A freelance developer is your best route for that.
Regards,
Devin