[Resolved] How can I change the background color and size?

[jordi]

Tom, Leo,

I already updated, there is a problem, the header image has disappeared

[Tom]

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;
}

[jordi]

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

[Tom]

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.

[jordi]

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

[Tom]

Remove this CSS:

.inside-header {
    padding: 10% 0;
}

Then set all of your header padding to 0 in Customize > Layout > Header.

[jordi]

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

[Tom]

The Spacing add-on needs to be enabled.

You can alternatively use CSS:

.inside-header {
    padding: 0;
}

[jordi]

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

[jordi]

Tom

The small image is already fixed, because the padding does not appear if I have the addon activated

regards

[Tom]

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.

[jordi]

Hello Tom,
Thanks, I do not get any update notice as I can upgrade to version 1.2.94?
Thank you

[Leo]

This should help: https://docs.generatepress.com/article/updating-gp-premium/

[jordi]

Hi leo

I put my license but it does not update

regards

[Leo]

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

[Author]

Posts