Changing font size for all pages
-
Hello, my site is ocparalegalservices.com. I am using the Graphene theme. My website is many static pages. I want to change the font size on the text for all my pages. Is there one place that I can change the font size to change all the pages?
-
Hi there!
You can use this CSS :
body { font-size: 16px; }and choose one of the two options below:
#1 Use a plugin like Simple Custom CSS and paste the code in there.
or
#2 If you are planning on making a number of changes create a child theme and paste the code in the child theme’s style.css file.
I hope that helps!
Luke the Daft Duke
Luke, thanks so much for your help on this. I’m not a coder so your help is very much appreciated. I am using the Graphene theme and I created a child theme called Graphene-Brad3. I put you CSS code in the child theme and everything worked great. The Graphene theme seems so huge with so many files it is hard for me to find anything. I’m guessing the Graphene theme is using a body font size of about 12px. I changed my child theme to 14px and that seems to be good.
I have another question. On each of my static pages I have inserted the same Call Us and Email us info below at the bottom of each page.
‘Call us today at (714) 454-9292. Â Email us at nn@ocparalegalservices.com.
We specialize in Divorce, Immigration, Legal Document Services, Probate and more.’Is there a simple way that I can have this code in one place and have it automatically appear on all pages? Right now when I revise the info I have to go and change it on every page. Thanks again for the great help.
If you want that content to appear at the bottom of every page, rather than in your ‘Contact Info’ widget then you could use this plugin:
After you install on your admin dashboard go to :
Settings -> SCS
Click on ‘Custom Content using Shortcodes’ and in the text area called ‘Shortcode for Specific Posts’ paste your content:
<p>Call us today at (714) 454-9292. Email us at <a href="mailto:nn@ocparalegalservices.com">nn@ocparalegalservices.com</a>.<br> We specialize in Divorce, Immigration, Legal Document Services, Probate and more.</p>Scroll down to the bottom of the page and click on ‘Save Settings’.
Add this shortcode to the bottom of all your pages :
[scs_post]and it will display the content for you.Then you only have to change it once in the Settings -> SCS area ! 🙂
Thanks for that plugin and I will check it out. I am trying to lean about code (html, css, php). Is there a way that I can add this custom code manually so that it is put on each page? Any exercise that would help me learn coding would be great. Thanks again for all the help. Brad
You could do it this way:
1. Make a child theme.
2. Copy the content-single.php (for posts) and/or content-page.php (for pages) file from the parent theme into the child theme.
3. Locate the
the_content()function in the content-single.php /page.php file.4. Add in your html (the content you want on every post) after the function.
5. Save the file.
Then it will appear at the bottom of every post/page.
Good luck learning to code 🙂
Luke the Daft Duke
Thanks again for the great help. I looked on my server at /home/ocparalegalservices/public_html/wp-content/themes/graphene. I could not find a file called content-page.php but I did find page.php. I copied it into my child theme Graphene-Brad3. I located “the_post()” and added my Email line to that (see below). I tried putting it above and below the line that says “the_post”. It seems when I saved it and refreshed my web page I just got a blank white screen. If I comment out my Email line then it displays the page like it used to.
`<?php
/**
* The Template for displaying all single pages.
*/get_header(); ?>
<?php
/* Run the loop to output the pages.
* If you want to overload this in a child theme then include a file
* called loop-page.php and that will be used instead.
*/
the_post();
get_template_part( ‘loop’, ‘page’ );
Email us at nn@ocparalegalservices.com. ?><?php get_footer(); ?>
Here is the line of code I added to the_post with back ticks.
Email us at <a href="mailto:nn@ocparalegalservices.com">nn@ocparalegalservices.com</a>.Thanks again, Brad
page.php is not the correct file, sorry for the confusion.
I strongly recommend you create a child theme and copy over the files that you need to edit.
In the Graphene theme its this file – loop-page.php (for pages).
Locate this line
<?php the_content(); ?>and add your custom HTML on the line underneath. Make sure you wrap all of your custom content in a tag, in the above message ‘Email us at’ was not inside a tag.Should be:
<p>Email us at <a href="mailto:nn@ocparalegalservices.com">nn@ocparalegalservices.com</a></p>That should do it 🙂
Wow that helps so much. I have placed the loop-page.php in my child theme and added the code below. Now this text displays on each page as desired. One last thing – the second sentence “Call us today” should start on a new line but it does not. I tried using “\n”; but it does not seem to work. Any ideas?
<p> We can provide excellent attorneys with affordable fees for court appearances if needed."\n"; Call us today at (714) 454-9292. Â Email us at <a href="mailto:nn@ocparalegalservices.com">nn@ocparalegalservices.com</a>. We specialize in Divorce, Immigration, Legal Document Services, Probate and more. </p>Each new paragraph (p tag) will start a new line. Like this:
<p>We can provide excellent attorneys with affordable fees for court appearances if needed.</p> <p>Call us today at (714) 454-9292. Email us at <a href="mailto:nn@ocparalegalservices.com">nn@ocparalegalservices.com</a>. We specialize in Divorce, Immigration, Legal Document Services, Probate and more.</p>Happy coding! 🙂
Thanks so much for your help. I really learned a lot.
Your welcome!! 🙂
The topic ‘Changing font size for all pages’ is closed to new replies.