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, 10 months ago ago by Eva Kemp

  • Avatar: zachweisman
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: zachweisman
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: zachweisman
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: zachweisman
    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
    Avatar: Eva
    Eva Kemp
    Participant
    April 30, 2014 at 09:18

    Hello,

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

    Regards,
    Eva Kemp.

    #2409 Copied
    Avatar: zachweisman
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: zachweisman
    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
    Avatar: zachweisman
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: zachweisman
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: zachweisman
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.