Sign in to follow this  
Followers 0

Text size customizations (site wide)

2 posts in this topic

Hi all, 


I know this is supposed to be something made (easy) through CSS customizations but I can't seem to get it to work. I need/want to change the default size of text, headlines, etc (not only font and colour) to make the site look as I want. 


Example, the body text should be 20 % larger (on default screens) than today, H2 should be smaller, etc. Where and how do I make those changes most easily?


(and why is this not a standard feature/setting in the typography? maybe for next release...) 


thanks for the help,


1 person likes this

Share this post

Link to post
Share on other sites



If you use Firebug for Firefox or Chrome's Inspection Tools, you'll be able to identify the existing CSS controlling font sizes throughout the site.  Both tools provide a sandbox for testing changes.  Then simply copy the code and paste it into Dashboard > PageLines > Site Options > Custom Code in CSS Rules.


The reason it's not an option is that there are too many variables for font sizes.  Some may want to use px heights, others for responsiveness may want em.  In the latter case, they may want a decimal size that's completely unique like 0.97321em.  How could we provide a drop list with every single decimal variable between 0.00000 and 4.99999?  If we added a blank field for admin entry, rest assured someone will want to change a font somewhere else.  So the best option is to allow people to do this manually, via CSS.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0

  • Similar Content

      By oseehys+
      Hey Guys, i have been having some fun with PL5, on my test site, still learning and trying to master 3 sections a day, am happy the launch has been postponed its for the best lets master it as much as possible.
      But we still gat to eat with DMS for now, so my issue has been on how to reduce my pin pad size in pinspro, right now it display 3 in a row, like the default theme, but i want it to display 4 in a row, if i reduce my screen resolution to 90% it becomes 4 in a row, that is the perfect size, i cant see any css on the forum be able to reduce the size,  so guys please, please this is very important, i need the css to adjust the size, of all the css @Danny has provided on the forum i cant see anyone that focus on the size reduction except on hiding the bottom meta area, mine is just to reduce the size, checkout the images below, the image with 4 rows is the perfect size i crave to have, while the pinpad with 3 rows is what i currently need to change.
      Thanks Guys for your support all this while.
    • CSS Hero question
      By janpeeters+
      Hi all,
      I was totally excited to find out about 'CSS Hero' ( I read about it in the compatible plugins section of the PL5 docs ( For me it's a great way to more easily customize my sites because I'm not a CSS pro.
      I'm wondering about one thing though… Does anyone know if using this will result in a heavy penalty on page loading speeds? Would love to start using it but only if it doesn't cost too much in terms of speed.
      Thanks, Jan
    • WooCommerce Checkout page broken under DMS
      By nizami+
      Seem to have fallen foul of a DMS2/WooCommerce issue. 
      All pages display correctly save the WooCommerce Checkout page, which looks like this:
      Help massively appreciated as this is the last blocker before client site launch
    • Modal Popup Background
      By abuzzelli+
      I need the modal popup background to be solid and I can't get the css to work. Not sure what to do. Here's the page:
    • Background overlay z-index
      By dawsonbarber+
      I added a background image to a container that has a textbox in it, then added a background overlay.
      The overlay "overlaid" the textbox content as well as the container background image.
      Fixing it was simple enough: I reduced the z-index on .pl-bg-overlay to 0.