[Resolved] Site title background color/background of content

Home Forums Support Site title background color/background of content

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #265929
    Jim

    I just bought the pro version of GP. I am loving it so far. It has helped fix a lot of the problems I was having. I only have one problem as of now. There seems to be a background color or box that my site title is in. I’d like that to be black. The only place I’ve found to change that is in the default typography section, but when I turn it black part of the background of my content turns black. My site is not currently up and running so I can’t give you a site to look at. I took to screen shots to help you see what I mean but I don’t see a place to insert them into this post. Any help would be appreciated.

    #265931
    Leo
    Staff
    Customer Support

    Hi Jim,

    I think you are after the Header Background color? If so it’s in Customizer > Colors > Header > Background.

    Make sure you have Colors addon activated as well.
    https://docs.generatepress.com/article/installing-gp-premium/

    Let me know if this solves your problem.

    #265937
    Jim

    My header background color is black. If I go to customizing > site identity and uncheck “hide site title” I get a white box where my site title will be. The site title I put in is there and I can change the font color of that but the white box is still there unless I go to default typography > click on edit font under paragraph and then select appearance. From there I have an option to change the background color and that changes the color in the box but also parts of my context section.

    #265951
    Leo
    Staff
    Customer Support

    hmm interesting…there are no options in GP that adds a white box to the title.

    Can you upload the screenshot to a site like https://postimage.io/ and provide the link here?

    #265980
    Jim

    I have uploaded a few pictures for you. number 1 is if I try to make the background where the context is white. The font for my site title is white that is why it looks like a big white box. I can change the font color but the box remains. Picture 2 is what happens if I try to change the background color to black. Picture 3 is changing the background color to red like you mentioned in the previous post. The black box with the spade and signature is my logo. I’d like the background to be black so it will blend in. My site name will be in white and I’d like that box to be black.

    https://s29.postimg.org/xjbot3ajr/image.png

    https://s29.postimg.org/by6m5hdt3/image.png

    https://s29.postimg.org/pt4wny887/image.png

    #265987
    Leo
    Staff
    Customer Support

    Looks like you are using a page builder? I think that’s where the white box is coming from.
    The Default Typography panel is not from GP so I’m not really sure what the settings are in there.

    You can see what GP’s Background color controls – the red area in the last picture.

    Isn’t the second picture what you want with everything black? What’s the problem there?

    #266100
    Jim

    I was using a page builder. I went in and disabled it in-case that was the problem but I wasn’t able to correct the error. The problem with the picture was there is black behind the little pictures in the body. Here is what I have when I disable the page builder.

    https://postimg.org/image/kgx20lke5/

    #266177
    Leo
    Staff
    Customer Support

    Ok so the header is fine and you want to get rid of the black background behind the pictures?

    Can you try Customizer > Colors > Content > Background?

    Let me know.

    #266213
    Tom
    Lead Developer
    Lead Developer

    Any chance you can remove the maintenance mode from your website so I can take a look at the code? Not sure what’s going on there.

    #266221
    Jim

    I will remove maintenance now. I deleted all the pictures from my home page and I’m left with a white background with four black bars. I checked the content background color and it’s set to white.

    #266235
    Tom
    Lead Developer
    Lead Developer

    You have this CSS added to your site:

    p {
        background-color: #000000;
        color: #ffffff;
        font-family: 'Alice';
        font-size: 27px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -1px;
        line-height: 1;
        border-top-color: #000000;
    }

    It looks like it’s been added by the Easy Google Fonts plugin.

    You can remove that plugin and use the Typography add-on to adjust the typography of your website, it might be a lot easier 🙂

    #266287
    Jim

    This solved my problem. Thank you so much for all the help. It looks like I made the right choice by installing this them.

    #266292
    Leo
    Staff
    Customer Support
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.