Customizing Title (log) font

  • Resolved jamesprw

    (@jamesprw)


    4 years, 3 months ago

    I can’t customize the font for the name Asindera in the page shown if you follow the link. That word is typed in the Customization section “Site Identity/Site Title”. I can make the font change in the section “Typography/Logo/Font Family” but I don’t like the offered choices. I’m using a Google Fonts plugin. That plugin has a choice for “Site Title Typography” but no matter what I change it to it doesn’t affect the “Site Identity/Site Title” font. I found the css class in the source (class header-logo-a) but adding custom css didn’t change anything either. It’s quite annoying. Any ideas how I can change the font for the header logo?
    Thanks

    • This topic was modified 4 years, 3 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi,

    I have checked you are using image for logo not text. you have to edit it in Photoshop or other deign tool then upload it again.

    Thanks

    Thread Starter jamesprw

    (@jamesprw)

    I’m sorry, it is not an image.
    I typed it myself. Check with an HTML debugger – it’s a link with text. See below.
    This is the code from the debugger:

    <h1>
	<a href="https://www.asindera.com/">Asindera</a>
</h1>

    I see no reason for it to be a link so I’m not sure why the theme does that.
    But you can clearly see that is text, not an image tag

    • This reply was modified 4 years, 3 months ago by Jan Dembowski.

    I have checked but sorry not find this text anywhere on homepage. can you please screenshot and font name you want to add for the text

    Thread Starter jamesprw

    (@jamesprw)

    Screenshot:
    https://prnt.sc/u3abo4

    I’d like to use the font courgette

    Thread Starter jamesprw

    (@jamesprw)

    And here is the offending code:
    https://prnt.sc/u3acjz

    This is not on your home page. this is on 404 error page(page not found)

    add this css to you website’s (style.css) file

    .header-logo a {
    font-family: ‘Courgette’, cursive !important;
    }

    Do let me know if it works for you

    Thanks

    Thread Starter jamesprw

    (@jamesprw)

    I’m not sure why you are not seeing the page like I am because it’s published and I can see it on another computer but no matter. I added the code to the custom CSS section of the customizing area and it works! Thanks.
    I tried myself but I didn’t have the structure of the class defined correctly
    (Was missing the ‘a’)

    This took care of the job. Many thanks.

    .header-logo a {
    font-family: ‘Courgette’, cursive !important; }

    See the difference now: [ redundant link removed ]

    Cheers

    • This reply was modified 4 years, 3 months ago by Jan Dembowski.

    Cheers ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Customizing Title (log) font’ is closed to new replies.