Site logo

Archived topic

How can I change the background color and size?

53 replies · Started by jordi on January 20, 2017

Viewing posts 31–45 of 54

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

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

Hi leo

I put my license but it does not update

regards

This archived topic is closed to new replies.