Help with Changing Article backgrounds

[Silent_Stam]

Hey All,

I'm looking at trying to modify some of the elements on the CMS page and in the Forums, but, I'm running in to a Few issues.

Currently, I've dug through all the stylevars, and the CMS guides but all of them seem to skip the 2 items I'd like to mod (at a minimum for starters). I'm going to assume this is doable - but not through the stylevars.

So, for Starters - We'd Like to do the following:
Set Common > Body_Background to a Color
Set The Displayed Articles, on the Main pages, (and when Clicked on) to not be transparent (I've set an example below).
Ideally, we can then have the Articles posted with a different color font BG to make them easier to read if we use a sharp contrasted Color.

I've Attached an image with Both Changes that we'd like to modify - can someone comment on the ability to do so?

If you'd like a full look at the page you can do so Here

Thanks!
-Chris

[Lynne]

Silent_Stam,

You are currently showing up as unlicensed.

To be able to download modifications and/or receive support here at vBulletin.org, we ask you to please click here (vB-Germany users click here) and enter your email address. You will need to use your customer number and password (which will be in the email you got when you paid for your license) to access that page. Please note that your email is case sensitive.

To protect our customers privacy you will also need to Opt-In to license validation for all Support Sites. You must authorise vBulletin.org in order to validate your license status here. You can do this at the page linked above for your distributor. Make sure to set the permission to allow vBulletin.org to validate your status.

The update of your account can take up to one hour.

Thank you.
******

Also, please see this notice - Installation Issues / Questions or bug reports regarding default vBulletin 4.0

[Silent_Stam]

I believe the unlicensed has been sorted - it was due to an email change i made to track the Thread (for notifications).

If this is not the place to post concerning Default 4.0 questions - then what would i be 'allowed' to post here, as its my 1st post, and we've just purchased the software recently.

I'll post the same on vb.com and see if anything can be sorted - appologies for the confusion as i was under the impression that this was the 'official' place to post for tweaking VB.

[Lynne]

Originally Posted by Silent_Stam

I believe the unlicensed has been sorted - it was due to an email change i made to track the Thread (for notifications).

If this is not the place to post concerning Default 4.0 questions - then what would i be 'allowed' to post here, as its my 1st post, and we've just purchased the software recently.

I'll post the same on vb.com and see if anything can be sorted - appologies for the confusion as i was under the impression that this was the 'official' place to post for tweaking VB.

Yep, you show up licensed now.

vbulletin.com is the site where you purchase the software and get help with that default software.

vbulletin.org is their sister site where you come to talk about modifications - modifying your styles or modifying your code. This site is run by volunteers, but we do try to help you figure out any problem you are having with your modifications.

[riverbender]

The only way I could find to do this was by adding background-color to .article in vbcms.css - works only on full article pages. I assume you can do the same for previews.

It took me forever to figure out and then I promptly changed it back because it didn't look right. Now I have to figure out how to put some padding around the article body text. :erm:

[SpaceCatGV]

yes i was wondering the same.. how to put different background pictures to certain articles?
if anyone can give a step by step how to, that would rock!

[Silent_Stam]

Thanks for the replys on this so far. I Tried the .article css change, and id gave something decent, but - as you said, did not change the main page articles or the main blog page posts, only the individual article/blog view.
I'm going to assume that there would be a DIV that controls the articles/blogs and the layout of them (2x1 column/etc) I just need to dig through the css and have a look. As i'm still new at this if anyone finds it before I do, please fire me a line, would be great to add that bkg and maybe a border to seperate the main page posts a bit cleaner.

Quick edit... i looked at the html for Vbcms_Page, and noticed a <div class="vbcms_content"> modifying the div, naturally, modified the entire background of that div, which included the are behind the blocks and section nav.

I'll keep looking, hopefully to find where vbcms_content class is defined and see what can be tweaked in there, or, if that class is referring again to some other class for the page.

Thanks all

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

Got it:
vbcms.css > div.article_preview

There are however, 2 div.article_previews, I modified the 2nd one, not sure what the 1st one does, but we'll find out.

@SpaceCatGV - from what it looks, the article preview is controlled strictly by 1 class, so it will most likely take some modifications to get that sorted.

Ideally, depending on how many posts per page are there, you'll need to define a preview 1, preview 2 etc.

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

I'm now running in to the same issue with padding, and adding padding-left and padding-right doesn't seem to be modifying the font in those div's...

If it's not one thing, its another

[Bram H]

Hi Silent Stam

May i ask how you created the bar behind your news articles? I am looking to do that myself but then in a lighter grey. But i have no clue what to change.

[Silent_Stam]

Hey Bram,

The Black bar (Currently just experimenting with it) was added by modifying the following lines:
vbcms.css

div.title {
	position:{vb:stylevar left};
        background-color: #000000;
}

Currently the issue im having with this all is that it doesn't seem to want to take up the full area of the Article (Left to right) so its leaving a gap on the right side. Also, from what i can find right now, adding the background color to div.title also changed the background color for the vbcms header...

If you can find solutions to either independently changing the article bkg, and being able to align so that it takes 100%, please let me know

[Bram H]

Thanks man, going to experiment a little with it. If i have a fitting solution ill let you know!:up: