Adding a margin to general text – Puzzle theme.

• 

  rumjam · Member · Jan 13, 2015 at 4:05 pm

  • Copy link
  • Add topic to favorites

  When viewing my blog on a mobile device, the text is too close to the edge of the screen. I want to implement a small margin left and right.

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Jan 13, 2015 at 9:02 pm

  • Copy link

  Try adding this to your custom CSS:

  .main-content {padding:0 10px;}

• 

  rumjam · Member · Jan 14, 2015 at 4:05 am

  • Copy link

  hey thanks for that, works a treat.

  Now what about changing the font type (not globally) or size of the text which is at the start of each blog. The blog heading.

  Thanks in advance.

• 

  thesacredpath · Member · Jan 14, 2015 at 8:56 pm

  • Copy link

  To change blog title size, add the following and adjust as desired.

  .main article .entry-title {
      font-size: 300%;
  }

  On font family, you have two choices at Appearance > Customize > Fonts, Body and Headings. Currently you do not have a font set for headings. Which fonts change with that setting varies from theme to theme. You can set a font there and then change the other headings back to what they were, or you can set a cross-platform font for the titles by adding a font-family declaration to the above, something like this:

  .main article .entry-title {
      font-family: 'Times New Roman, Georgia, serif;
      font-size: 300%;
  }

  Here is a pretty safe collection of cross platform fonts you can use: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html . The reason you have to be careful on specifying fonts is that the first place a browser looks for a font is the installed fonts on the visitor’s computer.

• 

  rumjam · Member · Feb 3, 2015 at 5:18 am

  • Copy link

  How can I get the text to align left and right ?

  I want to fit the text to width.

  Thanks in advance.

• 

  kevmarsden · Member · Feb 3, 2015 at 6:03 am

  • Copy link

  Are you referring to the body text of the posts?

  If you want the text to fill the width of the content area, you can add this CSS:

  .entry p {
     text-align: justify;
  }

  Please note, that you can also make this change using the post editor. This guide has more details:

  http://en.support.wordpress.com/visual-editor/#alignment

• 

  adriennethewriter · Member · Feb 18, 2015 at 11:41 pm

  • Copy link

  Not sure if this is the right place to post, but how do I get the “puzzle” look to carry across all my pages – and not just the landing page for my blog: http://www.adriennewrites.com. Thanks.

• 

  kevmarsden · Member · Feb 19, 2015 at 12:12 am

  • Copy link

  @adriennewrites, in the future please open a new thread when you have a new question. When a new question is added to an unrelated thread, it can get lost in the shuffle.

  Only the front page of the Puzzle theme will have the unique look with the mosaic images. However, you can add a similar mosaic gallery to your posts or pages by following this guide:

  http://en.support.wordpress.com/images/gallery/

  At the bottom of the document, you’ll see an example of the “Tiled Mosaic” gallery.

  If you have any other questions about the Puzzle theme, you can ask them here:

  http://premium-themes.forums.wordpress.com/forum/puzzle