custom theme - CSS - repeat-y - how to position?
Permalink
I have been customizing a copy of the plain yogurt theme and ran into trouble. I re sized the page width from 800 to 760 and adjusted the page central body and page central sidebar accordingly. The problem is with the vertical side bar (the graphic) that uses repeat-y center to repeat itself for the length of my page. The vertical bar cuts through my text (resulting from the resizing). I removed the word center from repeat-y and it did move it out of the text for the most part but is still clipping text when the sidebar automatically word wraps. I am failing to understand how the image is being positioned or what controls the position for the image that is being repeated by the repeat-y code. Please check out my CSS file.
Did you ever figure this out? I've adjusted my page width in main.css, but certain elements don't scale properly--like column widths, vertical lines, and horizontal lines.
Whats your url?
Steve
Steve
Thanks for the response. I figured it out based on this post:
http://www.concrete5.org/community/forums/chat/widening-yogurt-them...
I didn't know those divider lines were image files. I just commented out removed reference to them in main.css.
I'm using a custom theme, so I changed it in /themes/my_theme_name/main.css.
I'm exploring implementing a similar visual effect with block borders, but I'm finding that it's too big and bright for my dark theme. But easy enough, and probably acceptable for what I'm doing.
http://www.concrete5.org/community/forums/chat/widening-yogurt-them...
I didn't know those divider lines were image files. I just commented out removed reference to them in main.css.
I'm using a custom theme, so I changed it in /themes/my_theme_name/main.css.
I'm exploring implementing a similar visual effect with block borders, but I'm finding that it's too big and bright for my dark theme. But easy enough, and probably acceptable for what I'm doing.
