[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now


How to change the default font size on post headings within Wordpress

Posted on 2016-09-05
Medium Priority
Last Modified: 2016-09-06
Hi All

I am using WordPress - V4.5.3 and theme TwentySixteen

On this site I need to link to some 200 posts which will be listed alphabetically as you can see on this link:


I can trying to identify how to slightly reduce the font size that these display on the page.

I acknowledge that I am ambitious to get them all on 1 page so will need to split them up but still think a slightly smaller font will help to display more and look neater.
Question by:IM&T SRFT
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
LVL 59

Expert Comment

by:Julian Hansen
ID: 41784928
You can add a custom style
.vskb-post-name > a {
  font-size:  0.9rem;

Open in new window


Author Comment

ID: 41785003
Hi Julian

Thank you for getting back to me

I am not sure where this would go?  I think it would be somewhere within the vskb-style.css file?

/* Very Simple Knowledge Base */

/* Link styles */
#vskb-four a, #vskb-three a {text-decoration:none;}
#vskb-four a:hover, #vskb-three a:hover {text-decoration:none;}

/* Remove border bottom from links in Twenty Fifteen and Twenty Sixteen */
#vskb-four a, #vskb-three a {border-bottom:0; box-shadow:none;}

/* Category and Post names */
#vskb-four .vskb-cat-name, #vskb-three .vskb-cat-name {list-style:none; margin:0 0 5px; padding:0 0 10px; font-size:1.2em; line-height:1.2em; font-weight:bold; border-bottom: 1px solid #333;}
#vskb-four .vskb-post-name, #vskb-three .vskb-post-name {margin:0 0 0 20px; padding:0;}

/* Four Columns */
#vskb-four {width:100%; clear:both; float:left;}
#vskb-four .vskb-cat-list {width:23.5%; margin:0 2% 20px 0; padding:0; float:left; background:none;}
#vskb-four ul:nth-of-type(4n+1) {clear:left;}
#vskb-four ul:nth-of-type(4n+4) {margin:0 0 20px 0;}

/* Three Columns */
#vskb-three {width:100%; clear:both; float:left;}
#vskb-three .vskb-cat-list {width:32%; margin:0 2% 20px 0; padding:0; float:left; background:none;}
#vskb-three ul:nth-of-type(3n+1) {clear:left;}
#vskb-three ul:nth-of-type(3n+3) {margin:0 0 20px 0;}

/* Mobile */
@media screen and (max-width:767px) { 
	/* Four Columns */
	#vskb-four ul:nth-of-type(4n+1) {clear:none;}
	#vskb-four ul:nth-of-type(4n+4) {margin:0 2% 10px 0;}
	#vskb-four ul:nth-of-type(2n+1) {clear:left;}
	#vskb-four ul:nth-of-type(2n+2) {margin:0 0 10px 0;}
	#vskb-four .vskb-cat-list {width:47%; margin:0 2% 10px 0;}

	/* Three Columns */
	#vskb-three ul:nth-of-type(3n+1) {clear:none;}
	#vskb-three ul:nth-of-type(3n+3) {margin:0 2% 10px 0;}
	#vskb-three ul:nth-of-type(2n+1) {clear:left;}
	#vskb-three ul:nth-of-type(2n+2) {margin:0 0 10px 0;}
	#vskb-three .vskb-cat-list {width:47%; margin:0 2% 10px 0;}

Open in new window

LVL 59

Accepted Solution

Julian Hansen earned 2000 total points
ID: 41785116
This article will explain how to add custom CSS to your theme.


Author Closing Comment

ID: 41785902

Thank you for your help, i will look at adding custom CSS today after work.
LVL 59

Expert Comment

by:Julian Hansen
ID: 41785968
You are welcome.

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In Part I (http://www.experts-exchange.com/Web_Development/Blogs/WordPress/A_8410-Getting-Started-In-WordPress-Part-I.html), I introduced you to the powerful WordPress backend, the WordPress administrative Dashboard.  In Part II, I will introduce yo…
WordPress is constantly evolving, and with each evolution appears to get better and better.  One of the big drawbacks prior to version 3 was that there was no way to be able to set up a custom menu from the backend. The Old Way Adding menus is…
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…

650 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question