Subtitle css to make it mobile friendly

  • Post count: 2
    September 9, 2018 at 9:49 pm #36361


    I am having issues getting the subtitle font and color mobile friendly on my site. It’s too bold and seems it’s using the same H tag with the title itself as it is hard to differentiate the title from the subtitle on mobile.

    I am using the business news demo and have used the css below to adjust both single post and subtitle font but it’s not working.

    .entry-header .jeg_post_title {
    color: #212121;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.15;
    margin: 0 0 .4em;
    letter-spacing: -0.04em;
    .entry-header .jeg_post_subtitle {
    font-size: 12px;
    line-height: 1em;
    margin-bottom: 20px;
    font-weight: normal;
    color: #a0a0a0;

    Please you can view the mobile version here or see the screenshot I made screenshot

    I will also need the font name for title and body you used for Business News.

    Thanks ahead

    Post count: 11507
    September 10, 2018 at 4:01 pm #36418

    Hi afriwired,

    1. About the CSS issue, can you provide me your site URL for further checking on my side? Also, please try to use this CSS below instead:

    2. For the title font, we use Montserrat and for the body font, we use Roboto.

    Thank you

You must be logged in to reply to this topic.