Theme colours

beachsidebookkeepingsa · Member · May 19, 2020 at 3:13 am
Copy link

Add topic to favorites
Hi! I was just wondering if I’m able to customise the colours with the brompton theme? Or if there are any other themes I can customise on the free plan that hopefully won’t rearrange what I’ve done so far
mrsnlchauhan · Member · May 19, 2020 at 3:20 am
Copy link
Hi @beachsidebookkeepingsa,

Unfortunately, design customization feature is not available in Free plan. You will need to upgrade to WordPress.com Premium plan for this.

Best :)
Sunil Chauhan
michaela2440 · Member · May 21, 2020 at 11:08 pm
Copy link
Hello, I have a premium plan and I still cannot figure out how to change the colors on Brompton. Can someone please guide me?
fstat · Staff · May 22, 2020 at 11:36 am
Copy link
Hi @michaela2440,

What element’s color are you trying to change on your theme?

Please note that since you have the Premium plan, you can contact us via live chat by going here:

https://wordpress.com/help/contact
michaela2440 · Member · May 28, 2020 at 6:57 pm
Copy link
Hello! I am looking to change all of the background colors. It is currently a navy blue and cream, with red highlights, but I would like to play with other colors options. For some reason I do not see an option to do that.

I assumed the colors option would be somewhere in the “Customize” section. Since I checked there first and did not find anything about changing colors, I continued looking around all options to edit the site, but I still found nothing. Can you please help direct me if I am looking in the wrong area or just don’t have an option to change the color. Thank you!
staff-blorbo · Staff · May 28, 2020 at 10:21 pm
Copy link
What is the URL of the site you’re having trouble with?
michaela2440 · Member · Jun 15, 2020 at 7:29 pm
Copy link
The website I am having trouble with is WeAre3R.com.
staff-blorbo · Staff · Jun 15, 2020 at 9:09 pm
Copy link
Your theme doesn’t support Custom Colors, so you’d have to do this via Custom CSS: https://wordpress.com/support/custom-design/custom-css/

For the navy blue part, add:
```
#page::before {
    background: #3F7FBF;
}
#masthead::before {
    background: #3F7FBF;
}
#masthead {
    background: #3F7FBF;
}
```
The the red part, add:
```
#masthead {
    border-bottom-color: #3FBF3F;
    border-top-color: #3FBF3F;
}
```
You can use a tool like https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool to find your desired color hex codes.
michaela2440 · Member · Jun 15, 2020 at 9:19 pm
Copy link
Awesome, thank you so much! I am new to web designing and will now start to look into reading articles to learn more about CSS.
staff-blorbo · Staff · Jun 15, 2020 at 9:21 pm
Copy link
We have an article on the basics with further reading linked to over at https://wordpress.com/support/custom-design/css-basics/
michaela2440 · Member · Jun 15, 2020 at 11:10 pm
Copy link
Perfect, thank you!!

No items found.