Dark Scheme for Header/Footer WITH LIght Scheme for Body

This topic has 17 replies, 2 voices, and was last updated 9 years, 11 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.
    16 Answers
    Avatar: Eva
    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.

    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.

    Avatar: Eva
    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.

    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

    Avatar: Eva
    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.

    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.

    Avatar: Eva
    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.

    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.
    Avatar: Eva
    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.

    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.
    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.

    Avatar: Eva
    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.

    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

    Avatar: Eva
    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.

    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

    Avatar: Eva
    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.

  • 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

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