Newspaper Theme: Responsive Typography for Blocks and Shortcodes

Did you ever see a website that you like and wanted to recreate it from scratch? The colors, pictures, style, all an almost easy task, but how do you replicate the typography? We know how difficult it is to find the right combination of font, size, line height, and spacing, to convey the right message to your visitors. To make your life easier, we are taking typography to a whole new level and introduce a Fonts Style tab into the tagDiv Composer page builder. The new typography will help you design creative websites and enhance your pages without diving in code or installing low performing font customization plugins.


Get ready to be excited by the new typography!

typography settings on blocks in Newspaper 8.7What exactly will you be able to customize on your website? Well, pretty much every title, text, description, excerpt, meta info, and the category tag. When adding a new element on your page, you are able to personalize it from the tagDiv Composer page builder. When you’ll open the customization panel, you’ll notice the Style tab is split into sections for every module that the block contains. 

For each one individually, you can change settings such as:

  • Font size
  • Font (Google Fonts, Font stacks)
  • Font style (Italic, Oblique, Normal);
  • Font weight (thin, extra light, light, normal, medium, semibold, bold, extra bold, black);
  • Text-transform (uppercase, capitalize, lowercase, none/normal).
  • Letter spacing

If you’re unsure of what a certain option does, just hover your mouse over the icon.

The Newspaper theme supports all kinds of CSS size units such as px, em, pt, and %. Make sure that you always type in the unit after the value, otherwise, nothing will change. The same goes for the space between letters option. Furthermore, you can add custom fonts to your project. To add a new one just go to Theme Panel> Theme Fonts> Custom Font Files, and follow the instructions.

Your website’s typography will become a powerful tool ready to make everything more interesting for your audience.

If you don’t like the result, you’ll be glad to know you can start over without affecting your website as everything is reversible! Just click on the ‘x’ icon (Clear font settings) and the settings will be restored to default.


Where will you find the new feature?

When adding a new block on your page and want to modify it, the tagDiv Composer opens a panel with customization settings. This board consists of four tabs: General, Filter, Style, and CSS. Under the tab called Style is the place where can customize the fonts on your block.


Responsive all the way to the core

How would you like to customize each setting according to every device it will show on? With Newspaper, that’s an easy thing to do. Challenge your visitor’s attention with content that is responsive on a desktop as well as on every other screen sizes.


As you’ve seen in our latest posts, we are steadily expanding the tagDiv Composer’s functionality, by implementing new features and making it easy for you to customize your pages. Looking forward to the new feature? Tell us what you think!

P.S. Be sure to regularly check our blog and be the first to know when the update is live!


Subscribe For More!

If you want to be the first to find out more about our themes
please subscribe to our newsletter

Eliza M
Eliza M
I am a music, nature and books lover whose path is not yet perfectly defined. Combining my empathic nature with the enthusiasm for knowledge, I’m trying to put my skills to good use by helping others while discovering myself.


Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Check out our latest