Home › Forums › Pro Themes › Education Hub Pro › Background Color
- This topic has 9 replies, 2 voices, and was last updated 7 years, 11 months ago by wensolutions.
-
AuthorPosts
-
December 12, 2016 at 11:25 am #25462HEPParticipant
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
December 12, 2016 at 11:05 pm #25490wensolutionsKeymasterHello,
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 !!
December 13, 2016 at 9:06 am #25549HEPParticipantI 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.
December 13, 2016 at 10:23 pm #25586wensolutionsKeymasterHello,
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 !!
December 14, 2016 at 9:42 am #25628HEPParticipantWhen 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/yoi6dWGYou 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/yoi6dWGThank you for your help with this matter.
December 14, 2016 at 11:10 pm #25684wensolutionsKeymasterHello,
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
December 15, 2016 at 8:53 am #25713HEPParticipantI 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.
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/V1loKSHOne 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.
December 15, 2016 at 10:58 pm #25755wensolutionsKeymasterHello @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!!
January 4, 2017 at 2:17 pm #27530HEPParticipantHello,
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.
January 4, 2017 at 11:07 pm #27579wensolutionsKeymasterHello @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 !!
-
AuthorPosts
- You must be logged in to reply to this topic.