how 2 adapt the title font size

  • Resolved dillhausen

    (@dillhausen)


    7 months, 2 weeks ago

    Hi,

    I have installed QEM on my test site to have a look…

    I have included an event list in my sidebar, but I don’t like how the event title is displayed: the font size is way too large and does not fit to the overall layout, because it’s larger than the headline above the event list.

    Is there a way to reduce the font size and also to remove the bold font?

    I have already worked through various settings in QEM, including the percentage font size, but most of them seem to have no effect.

    Thanks in advance.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Alan Fuller

    (@alanfuller)

    To fit with your other items you should use 14px for the font, but as they are bold I suggest leaving them as bold.

    Do you know how to add additional CSS ( we can direct you if not )?

    The CSS you need is

    h2.qem_title {
    font-size: 14px;
    }


    If you want to remove the bold you would use font-weight: normal; in that as well

    I also suggest removing the grey background

    e.g.


    .qem .qem-small {
    background: transparent;
    }



    Thread Starter dillhausen

    (@dillhausen)

    Hi Alan,

    thank you so much! I can set/remove the grey background in tab Styling, no worries, this was just for testing.

    Could you please tell me where exactly I have to include the CSS?

    Thanks

    and one more thing: is there a possibility to remove the year from the calendar icon?

    • This reply was modified 7 months, 2 weeks ago by dillhausen.
    Plugin Author Alan Fuller

    (@alanfuller)

    Non full site themes you can go to

    Dashboard-> Appearance -> Customize and then open additional CSS

    On Full site editor themes it is a bit harder to find

    Dashboard->Appearance->Editor->Styles -Global Styles ICON – three dots -additional CSS

    There are lots of youtubes ( not mine ) if you need it https://www.youtube.com/watch?v=kClbdZ3dxjA

    Hide the year with CSS

    .qem-icon span.year {
    display:none;
    }

    Thread Starter dillhausen

    (@dillhausen)

    Hi Alan,

    thank you so much! It works!

    This is great support, even on weekends!

    Plugin Author Alan Fuller

    (@alanfuller)

    Great you have it sorted, it looks good.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how 2 adapt the title font size’ is closed to new replies.