Header Area > Latest News Font Size

Hi! I would like to change the size of the font in the Latest News Header Area, bc sometimes the title of a post is too long, and i would like it appears in just one row. Not two. Any solutions?

Hi,

Thank you for contacting us.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .top-header .breaking-news .media-body {
      max-width: 100%;
    }

    .top-header .breaking-news .media-body .item a {
      display: block;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

Regards,
Kharis
aThemes Support

Hi! Thanks for the help, but the breaking news still shows in two rows. Here a screenshots.

There is something i’m doing wrong?

Hi,

Seems likely the code needs a few revisions. But, I need to inspect your current setup directly.

Can you share a link to your website here, so I can try troubleshooting it wih my web browser’s tool.

Regards,
Kharis
aThemes Support

Thanks for the support!

Hi,

Thank you for sharing the link.

Try replacing the code I suggested before with this one:

    .bnews-ticker .owl-item  .item a {
      display: block;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;  
    }

Let me know your views.

Regards,
Kharis
aThemes Support