Archived topic
How can I change the background color and size?
53 replies · Started by jordi on January 20, 2017
Tom, Leo,
I already updated, there is a problem, the header image has disappeared
Remove this CSS:
.inside-header {
position: absolute !important;
top: 10px !important;
right: 0 !important;
left: 0 !important;
display: block !important;
}
And this CSS:
.inside-header {
padding: 0px !important;
}
Then add this CSS:
.inside-header {
padding: 10% 0;
}
Hello Tom
I already changed the CSS code but it does not work, so it was before ( https://postimg.org/image/jvhjzbj4v/ ), now clubtheriver.com
Thanks
It's close, but you're using a background image with text, which isn't the best idea.
Instead of using a background image, upload the image you have set as the background right now as the logo/header: https://docs.generatepress.com/article/adding-header-logo/
Make sure both the header widths are set to full: https://docs.generatepress.com/article/header-layout/
Then force the header to be full width with some CSS:
.header-image {
width: 100%;
}
Much better method than using a background image in this case.
Tom
Thanks for the help
I am very short but not yet
This is what comes out now http://clubtheriver.com/
Adjunct video (http://ge.tt/7UvBlWi2/) of how it worked before, when zooming in the browser the image always maintained the same aspect and lowered u sibia with the scroll
Remove this CSS:
.inside-header {
padding: 10% 0;
}
Then set all of your header padding to 0 in Customize > Layout > Header.
Tom,
Padding to 0? I do not find that option, I attach video so that I can see how I have it configured
http://ge.tt/6m2SmWi2
a million thanks
The Spacing add-on needs to be enabled.
You can alternatively use CSS:
.inside-header {
padding: 0;
}
Tom
The code that has happened to me works, but before two things, I have the Spacing add-on enabled and without embago not appear ( https://postimg.org/image/gykl3fs95/ )
Please access the home, slow down with the scroll, you will see that underneath the large image there is the same image but smaller, how do we remove this small image?
regards
Jordi
Tom
The small image is already fixed, because the padding does not appear if I have the addon activated
regards
That screenshot shows you're using GP Premium 1.2.86 - we're currently on 1.2.94, which is probably why you're not seeing options where I'm saying they are.
Hello Tom,
Thanks, I do not get any update notice as I can upgrade to version 1.2.94?
Thank you
This should help: https://docs.generatepress.com/article/updating-gp-premium/
Hi leo
I put my license but it does not update
regards
Once you've updated your license key, go back to Dashboard > Plugins and you should see the notification for update.
If not then try Manual Update:
https://docs.generatepress.com/article/updating-gp-premium/#manually-updating