-
Posts
-
I am trying to achieve a two background-color layout with the main content being white and the sidebar as an rgba value of 200,200,188,.5.
I have had success getting to the sidebar in css, but it only gets part of it, leaving a white area on the right. Inspecting it through the css lets me see I can select the whole area, so I tried to reverse engineer it to color the whole background with the rgba value and then go after the main content, but that leaves a white space on the left of the main content. I am stymied on how to grab each column separately for coloration. I wish that in the general style settings, there was an option for sidebar colors. It really can help a layout to be more efficient and effective to the audience.
Hey solarmediapro!
It’s kind of a difficult thing to do with this layout. Try setting a background image to the “#after_submenu” div and have it repeat. You can use an image of 1 x 960 and have part of it made of two colors, one for the main content and the other for the sidebar. It should continue on down to the end of the page so both areas are colored.
I’m not sure how it would look on smaller screens though so you may need to add in extra CSS to change it’s position based on screen size.
Cheers!
Elliott
- The topic ‘Sidebar color help’ is closed to new replies.