Home Forums Pro Themes Education Hub Pro Background Color

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #25462
    HEP
    Participant

    I just updated to the Pro version of Education Hub. Before updating I had a pale green background color. I am trying to change that color back to white but I have not been able to do so. It will allow me to change to other colors just not white.

    Also, I have a banner image in my header but it does not stretch the full length of the screen. What can I do to make that happen.

    Thank you

    My site url is cvillehep.org

    #25490
    wensolutions
    Keymaster

    Hello,

    The background color in the Education Hub Pro theme comes from the customizer setting in your Admin Dashboard > Appearance > Customize > Color Options > Basic Color Options > Background Color.

    Please make sure you have set the color to be white ( #ffffff ) under this setting and have saved your changes. The “default” button beside the color selector also sets the color to the default white.

    Regarding your query with the header image, while we have inspected the website the header image seems to be working fine. Please verify if the issue still exists and explain further with a screenshot marking the issue so that we could have a better understanding of the issues and provide a fix.

    Hope this Helps,

    Best Regards !!

    #25549
    HEP
    Participant

    I made sure the color is set to white (#ffffff). I selected the default button and saved the changes. Even if I select a different color it won’t change to anything else.

    I would like to send you a screen shot. Could you please instruct me how to post a screen shot into the blog area.

    Thank you.

    #25586
    wensolutions
    Keymaster

    Hello,

    You can share a screenshot of the back-end settings page by uploading the screenshot to the free image hosting websites ( like http://imgur.com/ ) and paste in the URL to the image here.

    Hope this Helps,

    Best Regards !!

    #25628
    HEP
    Participant

    When I follow the steps that you recommended above Admin Dashboard > Appearance > Customize > Color Options > Basic Color Options > Background Color. I am unable to change the background color back to white. Below is a screen shot.
    http://imgur.com/yoi6dWG

    You will notice in the screen shot that the light green color is also showing up on either side of the header image that I have installed. Is there a way to make that image stretch the full length of whatever sized screen it is viewed on?

    When I go to Admin Dashboard > Appearance > Customize > Color Options > Content Color Options, I am able to change the color of the lower half of the screen. See screen shot.
    http://imgur.com/yoi6dWG

    Thank you for your help with this matter.

    #25684
    wensolutions
    Keymaster

    Hello,

    We have inspected your website and also the screenshots, Please find the points below for resolution / instructions on each of your issues :

    i) The green background color : Upon inspection of website, it is seen that the color in the home content area is indeed coming from the content color options in the Customizer settings.

    Please go to your Admin Dashboard > Appearance > Customize > Color Options > Content Color Options > Background Color and try changing the color to white ( #ffffff ) or the “default”.

    As the Education Hub Pro theme gives an option to have distinct color for content background and global background, the sections are having the background colors separately.

    ii) The streching of the Header Image : We have checked for the issue in the live site through multiple Responsive Views and all the views shows up the full stretched banner in the header.

    Although it might appear spaced in the customizer preview, the banner is working as intended throughout responsive screens.

    Feel free to post back if you have any further queries.

    Hope this Helps,

    Best Regards

    #25713
    HEP
    Participant

    I tried the changes that you suggested and the green color will not go away. If I change the color to an off white (#fcfcfc) it will change part of the screen but there is still a green line between the featured content and the body. See the screen image below.

    http://imgur.com/h2Nng6R

    I put the following CSS code in to make my header repeat otherwise I had that green on the edges of the header image too.
    #masthead { background-position: inherit; background-repeat: repeat-x;}

    Here is what it looks like without the code.
    http://imgur.com/V1loKSH

    One last question, is there a way to not have the title of the page you are on display in the body of the page?

    Thank you for your time with all of this.

    #25755
    wensolutions
    Keymaster

    Hello @HEP

    The section your are talking about does not contain any post so there exist a blank section. Also the color it contain is the background color of that section.

    So to change the background color go to Admin Panel > Customize > Color Options > News Events Color Options > Background Color.

    Also if you want to remove the entire section you can go to Admin Panel > Customize > Theme Options > Home Page Options and disable the section by unchecking Enable News Section and Enable Events Section

    Hope this will solve your issue.

    Regards!!

    #27530
    HEP
    Participant

    Hello,

    I have tried all your suggestions for getting rid of the light green color that is still appearing on my website. If you go to our website, cvillehep.org and select Library > Reading Incentive Programs, you will see that the light green color is still showing up at the bottom. I have checked in all the Color Option choices and no where have I selected that green (bdd6b6). It was a color that I select when I was using the free version of Education Hub. When you look at the source code for the website you will see the code where that color is specified but I don’t know how to change it in the source code.

    <style type=”text/css” id=”custom-background-css”>
    body.custome-background { background-color: #bdd6b6; }
    </style>

    I tried to write the same code with the correct color #ffffff in Admin Panel > Customize > Theme Options > Advance Options and it didn’t work.

    Any advice for how to fix this problem.

    #27579
    wensolutions
    Keymaster

    Hello @HEP,

    We can see the color does appear in the responsive view in the header section of the website.

    The CSS you have tried to change the color has wrong selector used in it. Also, you do not need to put the <style> </style> tags while using the Custom CSS. Please use the following custom CSS that should resolve your issues:

    body.custom-background {
        background-color: #fff!important;
    }

    This will change the color to white, however, please note that as the current color of the site title and tagline are white, it will not be visible in the white background.

    Please change the color of your site title and tagline colors to appropriate colors from your Admin Dashboard > Appearance > Customize > Color Options > Header Color Options.

    Hope this Helps,

    Best Regards !!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.