Support Forum

Hey Ivan,

First off you can make any colour changes you like using a child theme which is quick and easy to set up, please see Creating a Child Theme, and to make it easier we also supply child theme frameworks for free in our store. Be sure to download the Reboot child theme framework and set it up as outlined in the Codex link I posted above.

You can also do this using the custom CSS overrides box under Forum > Themes > Custom CSS. Using this you can add anything you want to be loaded after your forum theme to override it. If you could point me to the exact element you want to change I can give you an example of how to change the colour that way - Whatever is easiest for you.

As to the second question, I'm really not sure what you mean and also don't see an attached picture, please could you re-phrase, and re attach a picture?

OK well getting the child theme in place is a good start.

For a start, you can change the font size throughout the forum by adding something like the following to the child theme's CSS file (as you've pictured above):

#spMainContainer {
    font-size: 110%;
}

You can choose any size that suits your needs by changing the '110%;' to something more suitable.

You can also change the font size of specific sections, for example the forum font might be fine but you may want to increase the post content font size. To do this you can do something like:

#spMainContainer .spPostContentSection {
    font-size: 110%;
}

Again, changing the 110% to your liking. You can do this for any section by using the browser tools to inspect a section to find it's unique class and tag it on to the end of spMainContainer as I've done above, although if you want to know how just point us to the section you want to change and we can supply the CSS.

As for the grey sections, are we literally talking about everywhere the grey is used? If so you can change the 'baseColor' in the overlay. Start by checking what overlay you're using from the theme selection panel then copy it from:

forum-themes > reboot > styles > overlays

Paste it in to the same folder structure in your child theme so:

forum-themes > yourchildtheme > styles > overlays

You can then change the 'baseColor' values at the top of the overlay, for example using the blue overlay, $baseColor7 is #E0E0E0 being grey. You can change that to white #FFFFFF.

You then need to select your custom overlay for your child theme from the theme selection panel in the admin.

If that's not what you mean, please post a screenshot of the area of the forum you wish to turn grey to white.

Hope that helps!