PDA

View Full Version : How to modify the CSS of a theme?


sabillondesigns
12-29-2010, 06:15 PM
I want to make the forum to match my site so I would like to access the css file.

Is it possible?

thanks

TheLastSuperman
12-29-2010, 06:52 PM
I want to make the forum to match my site so I would like to access the css file.

Is it possible?

thanks

It sure is ;).

AdminCP > Styles & Templates > Style Manager

Now you can modify stylevars which are in most of the CSS by selecting "StyleVars" from the styles drop down menu on the right. Alternatively you can select to "Edit Templates" from the drop down and then look for CSS Templates, now double-click that to expand that and there's quite a few templates however most are named after the areas they define.

ailios
12-29-2010, 10:11 PM
Which of those CSS template relate to the overall forum color? I'm looking for a way to tweak a couple of the main forum colors to something we like better.

sabillondesigns
12-29-2010, 10:56 PM
It sure is ;).

AdminCP > Styles & Templates > Style Manager

Now you can modify stylevars which are in most of the CSS by selecting "StyleVars" from the styles drop down menu on the right. Alternatively you can select to "Edit Templates" from the drop down and then look for CSS Templates, now double-click that to expand that and there's quite a few templates however most are named after the areas they define.

thanks.

I've been playing around with it. It's a bit confusing.

anyways, I've manage to find most elements but having problem with one.

How do you change the color of the font in wysiwyg editor? I have a dark theme and the text comes out black whenever you want to post a reply..

thanks.

CroNiX
12-30-2010, 12:02 AM
try putting this in your additional.css
.wysiwyg.content {color:#FFFFFF}
or whatever color...

sabillondesigns
12-30-2010, 05:01 PM
try putting this in your additional.css
.wysiwyg.content {color:#FFFFFF}
or whatever color...

thanks. That didnt work but this did work:

.wysiwyg {color:#ffffff;}

--------------- Added 1293743135 at 1293743135 ---------------

So im trying to change the color of the text that appears on the side of the Profile page.

I see that the styling on Stylevars is being overwritten and I tracked it down and i find this:

#sidebar_container .blocksubhead
{
color: {vb:raw moduleinactive_text_color};
border-color: {vb:raw moduleinactive_border};
}


Is there anywhere I can change the settings of moduleinactive_text_color?

CroNiX
12-30-2010, 08:00 PM
Yeah, add it to the additional.css file. If you're not using firebug it makes finding these things a breeze. Its just too tedius (at least to me) to change things via the stylevars. I just overwrite everything in additional_css.css with !important delcarations. Much faster.