[Resolved] Site Header-Tagline editing/formatting possibilities

Home Forums Support Site Header-Tagline editing/formatting possibilities

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1247159
    jacek_d

    Hi,

    I am new to GP Theme. I am trying to built web site with Artisan template. Looking for some directions how to:

    1. Make site tagline text in italic style.
    2. Align site tagline text to the right having site header aligned to the left and vice versa.

    I think, I can manage with padding of site header and site tagline.

    Thank you in advance.

    #1247314
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Try this CSS:

    .site-description {
        font-style: italic;
    }
    
    .site-branding {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    Let me know 🙂

    #1247711
    jacek_d

    Hi Tom,

    Section .site-description working fine for me. Thank you.

    Your proposal with .site-branding sets Header on left but in two lines like a ‘block’. Tagline sets on the right in in two lines as well. I guessing because I have a quite long text/content in site header and tagline.
    My intention is to keep Header in one line on left and above of Tagline which suppose to be in one line but on right and below Header.

    I have a few questions below.

    Before I asked for help on GP Forum I used Theme Editor to localize the .site-description.
    I added line 1045 like font-style: italic;. File has been successfully updated but I could not see expected results. After I used Simple CSS plugin and… tagline text become italic.
    My questions:

    1. What I did wrong using WordPress Theme Editor?
    2. To which part of Theme css, corrections made by Simple CSS plugin, are going to?
    3. I could not localize .site-branding using Theme Editor. Can give some directions to localize it?

    That’s all at the moment.

    Kind Regards

    #1248096
    David
    Staff
    Customer Support

    Hi there,

    can you provide a link to your Site so we can see the issue with the .site-branding

    In regards to the Theme Editor – you should never edit the Theme files as any changes will be lost when the theme is updated.

    If you don’t want to use Simple CSS or the Customizer > Additional CSS then you can install a child theme:

    https://docs.generatepress.com/article/using-child-theme/

    #1248229
    jacek_d

    Hi David,

    Understood about using WP Theme Editor. Thank you.

    My site is not published yet. It’s in Polish language and under construction.
    https://modelarstwo-rc.home.pl/wordpress_1
    Site Tagline is in italic style – with your help. I did not apply .site-branding.

    #1248887
    David
    Staff
    Customer Support

    Try adding this CSS:

    .site-branding {
        display: inline-flex;
        flex-direction: column;
    }
    .site-description {
        font-style: italic;
        align-self: flex-end;
    }
    #1248934
    jacek_d

    David / Tom, you are great! Your proposals are working fine for me.
    Your support is very quick and going to the point. All sorted.
    Many Thanks!

    #1248993
    David
    Staff
    Customer Support

    Glad we could be of help

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.