Return to previous page

Dark Scheme for Header/Footer WITH LIght Scheme for Body

This topic has 17 replies, 2 voices, and was last updated 10 years, 6 months ago ago by Eva Kemp

zachweisman

Participant

April 25, 2014 at 21:45

Hello…I would like to use the Dark Color Scheme for the header and footer of the site (dark bg and white and gray text).

I would also like to have the body of the website look like the light theme. (White background with dark text).

Please let me know how to accomplish this. I would imagine that I could keep the main color scheme to Dark and then add some custom css.

Please provide the custom CSS to make this work.

Thank you.

Please, contact administrator
for this information.

#2111 Copied

16 Answers

Eva Kemp

Support staff

April 28, 2014 at 11:35

Hello,

Sorry for a long delay. You can change the theme color in Theme Options > Color Scheme > Main Color Scheme > Dark.
And add the following code into custom.css to have light content:
.page-content { background-color: white; }

Don’t forget to enable custom.css in Theme Options > Custom CSS > On.

Regards,
Eva Kemp.

#2194 Copied

zachweisman

Participant

April 28, 2014 at 23:33

I have enable the Custom CSS ON

When I go to Appearance/Edit/Styles I see style.css AND default.custom.css.

In the default.custom.css I have the following.

/*
Theme Name: LEGENDA – 8theme WordPress theme
Theme URI: https://www.8theme.com/
Author: 8theme
Author URI: http://themeforest.net/user/8theme
Description: ThemeForest Premium Theme
Version: 2.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.page-content { background-color: white; }

It didn’t have any effect on the website. What did I do wrong?

Also, how to I make sure that the font color is not invisible. I want the body (background AND fonts) to look just like it would under the Light scheme. Is this possible?

Thank you.

#2282 Copied
Eva Kemp

Support staff

April 29, 2014 at 10:55
Hello,

You need rename default.custom.css to custom.css via FTP. This file is located in the theme folder.
Also you don’t need to insert the following code:
```
/*
Theme Name: LEGENDA – 8theme WordPress theme
Theme URI: https://www.8theme.com/
Author: 8theme
Author URI: http://themeforest.net/user/8theme
Description: ThemeForest Premium Theme
Version: 2.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
```
It’s just the theme information and it’s commented.
You can change font color in Theme Options > Color Scheme.

Regards,
Eva Kemp.
#2302 Copied
zachweisman

Participant

April 29, 2014 at 19:13

OK…I understand how to change the name of the default.custom.css to custom.css.

But I believe that if I change the font color from the Theme Options > Color Scheme that it will mess up the header.

Doesn’t the Theme Options > Color Scheme control the color for the ENTIRE Site?
How can we have LIGHT text on a DARK header/footer, while also having DARK text on a LIGHT body?

Thanks

Zach

#2378 Copied

Eva Kemp

Support staff

April 29, 2014 at 20:27

Dear @zachweisman,

You can change the font color by editing the settings in Theme Options > Typography.
Please check it and let us know if you need more help.

Regards,
Eva Kemp.

#2383 Copied

zachweisman

Participant

April 29, 2014 at 22:25

Thank you. Please take a look at my website.

http://a1b.8e6.myftpupload.com/shop/

On both sides of the body are dark columns. Perhaps the container is black. What CSS can I add to make this white as well?

I also want to have the part that says The Page Title (Shop and Home>shop) to be in the light style.
Also, notice how some of the fonts in the body are invisible? I don’t know how to change them so that it doesn’t mess up the header and make the text invisible in the header.

For example <h6> is white.

If you press CRTL+A you can select all text and reveal all of the invisible text I am referring to.

Please help me to fix this by providing the appropriate CSS code.

Thank you.

#2394 Copied

Eva Kemp

Support staff

April 30, 2014 at 09:18

Hello,

Could you please provide us with the FTP and admin panel credentials?

Regards,
Eva Kemp.

#2409 Copied

zachweisman

Participant

April 30, 2014 at 18:36

Thank you. Its running on Go Daddy WordPress Managed Hosting
Below, in the private area is the SFTP info.

Ideally we want the navigation bar and above to be dark scheme AND the footer and below to be dark scheme.

Also there is a section above the footer that I couldn’t figure out how to remove if you see that and its easy please let me know.

Thank you.

Please, contact administrator
for this information.

#2457 Copied

Eva Kemp

Support staff

April 30, 2014 at 19:18

Hello,

Thank you for FTP access.
Could we also have wp-admin login details?

Regards,
Eva Kemp.

#2465 Copied

zachweisman

Participant

April 30, 2014 at 19:22

Was just sent by e-mail to you…Also here it is.

Thanks for your help!

Please, contact administrator
for this information.

#2468 Copied

zachweisman

Participant

April 30, 2014 at 20:47

Also, please look at the Shop page….Currently the breadcrumb is dark but it should be light.

#2474 Copied

Eva Kemp

Support staff

April 30, 2014 at 21:56

Please check the site now.
If something needs to be changed feel free to ask us.

Regards,
Eva Kemp.

#2480 Copied

zachweisman

Participant

April 30, 2014 at 21:59

Thank you.

The body and footer look great!
But the header is light and should be dark.

Can you set the header so that it is Dark Scheme?

I want the navigation bar and everything above it to be Dark Scheme.

Thank you very much.

Zach

#2481 Copied
Eva Kemp

Support staff

April 30, 2014 at 22:35
Please check now if the header color is the one you need.
If no, you can change it in custom.css. Find the block:
```
.header-wrapper.header-type-1 {
    background-color: #1F1F1F;
    }
```
and set the value for background color or just write the color name.

Regards,
Eva Kemp.
#2484 Copied
zachweisman

Participant

April 30, 2014 at 22:43

Thanks so much! Really appreciate it. That should be all for now.

By any chance do you know of a way to remove the “chain” image when hovering over the categories thumbs on this page?

http://a1b.8e6.myftpupload.com/services/

If so, please let me know.

Thanks!

Zach

#2485 Copied

Eva Kemp

Support staff

April 30, 2014 at 23:09

You are welcome.

When you remove the “chain” image the link will be removed from the image category as well. And you’ll have to click on the title to get on the category page.
But if it’s ok for you, you can insert the code into custom.css:
.block-mask {display: none;}

Regards,
Eva Kemp.

#2488 Copied
Viewing 17 results - 1 through 17 (of 17 total)

The issue related to '‘Dark Scheme for Header/Footer WITH LIght Scheme for Body’' has been successfully resolved, and the topic is now closed for further responses

Dark Scheme for Header/Footer WITH LIght Scheme for Body

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection