Title Size

Mauer Themes Support Bild Title Size

Tagged: ,

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1635

    joaoleite
    Participant

    Hi there,

    Is there any way i can change the title font size

    #1636

    Paul
    Keymaster

    Hello Joaoleite,

    You can change the font size of the text logo (similar to the one with which the letters ‘PB’ are written in the demo, in the upper left corner) by adding the following CSS code:

    .logo-link .text-logo {font-size: 2.2rem;}

    Feel free to change 2.2 to a size of your choice. Each 0.1rem equals 1px.

    You can add custom CSS with the Simple Custom CSS plugin. Once you install and activate it, in your Admin Panel please go to ‘Appearance’ > ‘Custom CSS’. There insert the code you see above and save.

    Regards,
    Paul

    #1642

    joaoleite
    Participant

    Hello Paul,

    Thanks for the reply. I meant the title in the alternative page.
    In this example http://wp2.dreamcode.pt/sobre/ …. i want the word SOBRE to be way smaller.

    Thanks a lot.

    #1655

    Paul
    Keymaster

    Hello,
    You can do that with the following CSS tweak:

    // font size on wide screens
    .entry-full.post>.entry-title, .entry-full.page .entry-title.type-2 {font-size: 5.6rem}
    
    // font size on narrow screens (mobile)
    @media (max-width: 767px) {.entry-full.post>.entry-title, .entry-full.page .entry-title.type-2 {font-size: 4.4rem;}}

    Feel free to change 5.6rem and 4.4rem to values of your liking. 0.1rem stands for 1px.

    You can add this code with the Simple Custom CSS plugin. Once you install and activate it, in your Admin Panel please go to ‘Appearance’ > ‘Custom CSS’.
    There insert the code you see above and save.

    Regards,
    Paul

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

You must be logged in to reply to this topic.