Theme Author
Tom
(@edge22)
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!
Theme Author
Tom
(@edge22)
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:
http://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
Theme Author
Tom
(@edge22)
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?
Theme Author
Tom
(@edge22)
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 🙂