Support » Theme: GeneratePress » customizing generatepress

  • Resolved sandib4u

    (@sandib4u)


    Hi,

    I would like to customize the generatepress-theme. I followed the child-theme description on the wordpress page, but now I am stuck. I would like to upload background images for the title header and, well, the background. Also, I would like to access the header font. I checked the header.php and concluded that all modifications of the header should be done in the style.css in the section .main-title{ .. }. However, when I try to adjust fontsize, color and family there, this has no effect. What am I doing wrong and where should I adjust these parameters?
    Also, I was able to change the background of the title, but not to display an image there. How is this done?
    This is my first wordpress-try, so my questions might be redundant in which case I would be very thankful if someone could point me to good ressources or just give an instruction on how to proceed and find these things out in general.
    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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

    Thread Starter sandib4u

    (@sandib4u)

    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!

    Thread Starter sandib4u

    (@sandib4u)

    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 🙂

    Thread Starter sandib4u

    (@sandib4u)

    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 🙂

    Thread Starter sandib4u

    (@sandib4u)

    Awesome! Thanks so much!

    Theme Author Tom

    (@edge22)

    No problem 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘customizing generatepress’ is closed to new replies.