Change Headline Font / Hide page title shown in the content area of static page

Mauer Themes Support Essentialist Change Headline Font / Hide page title shown in the content area of static page

Tagged: 

This topic contains 2 replies, has 2 voices, and was last updated by  Paul 10 months, 2 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1923

    Brigitte_AboutGiven
    Participant

    Hi Paul,

    1. I would like to change the Headline Font in a google font, similar to my corporate font. It would be cool to get the code snippet and instructions what i have to do.

    2. I made a static homepage, the name of the page “Home” is shown in the menu (what is good) and as well in the content area, above the copytext. The second one i would like to hide. How can i do this?

    Here is a link to my website: https://aboutgiven.de/

    Thank you!
    Brigitte

    #1937

    Brigitte_AboutGiven
    Participant

    Hi Paul,

    have you seen my questions? Could you please help me?

    Thanks,
    Brigitte

    #1966

    Paul
    Keymaster

    Hello Brigitte,

    Please excuse me for the late reply.

    Here are your customizations:

    1. To change the headings font to a Google Font, please first install the Simple Custom CSS plugin. Activate it after installation.

    Now go to fonts.google.com and decide on a font. Then click ‘Select this font’ link and select the weights (600 or 700 sounds reasonable for headings). Choose ‘Embed’ and ‘@Import’ (see screenshot).

    In your Admin Panel please go to ‘Appearance’ > ‘Custom CSS’. And insert the following code (change accordingly with the bits from Google fonts). The below example is for Josefin Sans:

    /* this is you line from Google Fonts: */
    @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600');
    
    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    	/* this is your second line from Google Fonts: */
    	font-family: 'Josefin Sans', sans-serif;
    
    	font-weight: 600; /* use a font weight of your choice here */
    	text-transform: uppercase; /* this will make your headings capitalized */
    }

    2. This CSS will remove the title of the page set as the home page. Insert it the same way as the above code.

    .home .entry-full .entry-title {display: none;}

    When copying the codes take them from here and paste them directly into ‘Appearance’ > ‘Custom CSS’ input. Otherwise, you may lose formatting.

    Regards,
    Paul

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.