customizing generatepress

Hi there,

GeneratePress has addons that make background images and typography super easy, but you can also use CSS to make any changes you want.

For example, a background image for the site header would look like this:

.site-header {
      background-image: url('URL in here');
}

The font of the site title can be changed using .main-title – what’s your CSS look like? It should work no problem.

What do you mean by change the background of the title? The content title?

Let me know ??
Tom

Hi Tom,

thanks a lot for the quick reply and the help. I saw the add-ons, but I did my first website last week and it is so much fun. So I would rather struggle through this ;).
I got the images working – I used:

/images/mypicture.jpg
instead of
images/mypicture.jpg

in the url. I still did not manage to give the main title the font and color I want. This is the lines from the style.css of the child theme:

.main-title{
font-size: 50px;
font-family: “Open Sans”, sans-serif;
color: white;
line-height:4.8em;
}
The text color is black and not white as it should be. If I increase the font-size the box seems to become larger, but not the font — ? Lasty, I am using letters with underdots which are displayed in the correct font, but seem to be set in boldface as far as I can tell?

Thanks again!

Try adding this as the .main-title so it overrides other styles:

body .main-title {...

If that still doesn’t work, something weird is going on.

If that’s the case, I’ll need a link to your site so I can see what’s happening.

Thanks!

Adding body .maintitle{ ..} didn’t change anything. The site is at:
https://anyiuwa.com/
What I don’t understand is that the font color for the title does not change when I insert

color: white;

in the main-title block of the original css even -?

Thanks,
Barbara

This is the code you want to add the color to:

.main-title a,
.main-title a:hover,
.main-title a:visited {
      color: white;
}

The other attributes look like they’re working?

Let me know ??

Oh, I understand. maintitle a because the main title that i want to be white is actually a link in the main-title class? Anyways it works!

The only thing missing is that the letters u underdot and i underdot appear boldface — at least in my browser (firefox). Is there a reason for this?

Thanks a lot for you help!

Barbara

PS: How do you work on websites that you develop? I find it a major hassle to work with ftp. Do you build the sites locally on the desktop and then upload or would you recommend using ssh straight away?

That’s right ??

There’s currently CSS making it bold – you can reverse that with this:

.main-title {
      font-weight: normal;
}

I always develop client sites on my localhost – much easier.

Then when it’s ready I move it over to their server.

Hope this helps ??

Awesome! Thanks so much!

No problem ??