main content area background color

This topic has 14 replies, 3 voices, and was last updated 9 years by Laura.

Author
October 30, 2015 at 19:33 #85112

bruce7075
Participant

Hi,

I would like to set background color of main content area. Please kindly help and advise how I may do it.

Thank you very much in advance!

October 31, 2015 at 22:06 #85240

Laura
Moderator

Hello, you can use the styling options available in Theme Options > Styling

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

Attachments:
You must be logged in to view attached files.

November 1, 2015 at 13:36 #85325

bruce7075
Participant

Oops! Sorry. I make a mistake. What I need to customize is the sidebar background color, not the main section.

The default background color the 2 left & right sidebars are white. I would like to change it to light gray. I try to do the setting and find that these 2 sidebars background colors are gray, but, there are still white narrow block next to the sidebar. In other words, in the very right and left hand side, there are still white, not gray.

May I know how to make these 2 white blocks into gray color? Thank you very much!

November 1, 2015 at 14:56 #85329

bruce7075
Participant

By the way, I just tried change background color of main section. It turns out changing color for the whole webpage, including left and right sidebars, not just the main section in the middle. Is it something wrong?

November 2, 2015 at 18:08 #85432

Laura
Moderator

Hello, the section in the middle is the container, i can help you if you share with me the colors that you want for each section 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

November 2, 2015 at 18:11 #85434

bruce7075
Participant

Hi,

right & left sidebars: gray color, exactly same as Facebook.
middle container: white

Thanks so much for help!
November 4, 2015 at 02:10 #85566

Laura
Moderator
Hello, this is for the sidebars:
COPY CODE
```
.sidebar {
    background-color: #E9EAED;
}
```
Container:
COPY CODE
```
.wrap-content {
    background-color: white;
}
```
Add it to style.css of child theme

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
November 4, 2015 at 17:02 #85614

nolls
Participant

Great, and how can I change the font color of the sidebar, if I want a darker background?

November 5, 2015 at 22:24 #85807

Laura
Moderator

Hello, just change the code in the css 🙂
http://html-color-codes.info/ Click on the color and the code will appear

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

November 5, 2015 at 22:30 #85808

nolls
Participant

Hi,
there I can change the general font color, but I only want change sidebar font color.
November 6, 2015 at 03:20 #85869

Laura
Moderator
Hello, please try
COPY CODE
```
.sidebar {
    color: grey;
}
```
🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
November 6, 2015 at 10:48 #85901

nolls
Participant

Thanks, it works. Can I include the headings in this code?

November 8, 2015 at 02:36 #86220

Laura
Moderator

Hello, what do you mean the headings? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

November 8, 2015 at 11:10 #86254

nolls
Participant

Hi I’ve found a solution. Thanks for your support.
You can close this thread.

November 9, 2015 at 21:23 #86465

Laura
Moderator

Hello, glad you could resolve it! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
Author

Posts

Viewing 15 posts - 1 through 15 (of 15 total)

The forum ‘General questions’ is closed to new topics and replies.

Attachments:

Search KB

Log in with your credentials

Forgot your details?