Help with Changing Article backgrounds

[Bram H]

Tried it, it works but don't like the style of it (yet). It would be great if each article could have a fixed box to fit in (like widgets).

The CMS is so poor at the moment.

[Silent_Stam]

Well, i've changed the original design quite a bit since the previous posts, and scrapped the black DIV background because well, it just looked off. However, I'm still trying to figure out a way to correctly add padding to the article text, so that it's not so sturck to a border. If anyone has info regarding it please shoot me a line, I really want to move the text over about 5 pixels so its not so stuck to the border.
-Chris

--------------- Added [DATE]1265844022[/DATE] at [TIME]1265844022[/TIME] ---------------

Firebug to the rescue!!

Modified the following classes in vbcmc.css and moved all the content in article previews over 5 px!

.fullwidth
Modified to 98% to compensate for the shifting of the text 5 pixels
added padding-left: 5px;

h3.arctile_preview
added padding-left: 5px;

cms_article_username (careful there's a few entries for this class)
added padding-left: 5px;

cms_article_section_location
added padding-left: 5px;

and now, voila, White Article background, with a black border, not touching the blocks, and 5 pixel padding on the left side.
Cute!

SS Attached!

[Allstar55566]

i am also needing help adding padding. i change the padding in the coding but the article content doesn't move over.

[Silent_Stam]

Allstar - Did you read the previous post. I was able to move all the padding on the article.

Modified the following classes in vbcmc.css and moved all the content in article previews over 5 px!

.fullwidth
Modified to 98% to compensate for the shifting of the text 5 pixels
added padding-left: 5px;

h3.arctile_preview
added padding-left: 5px;

cms_article_username (careful there's a few entries for this class)
added padding-left: 5px;

cms_article_section_location
added padding-left: 5px;

You need to Add padding to each one of those lines to move the full article, plus the Post Header, plus the Posted By: Text over.

Also, if you're not very familiar with CSS, Punctuation, and spacing is important.

The correct code is:
padding-left: 5px;

and NOT
[S]added[/S] padding-left: 5px;


This includes the ; after the end of the style.

Hope it helps