asked on

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

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:

http://www.emsite.co.uk/

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.

Julian Hansen

You can add a custom style

.vskb-post-name > a {
  font-size:  0.9rem;
}

Open in new window

IM&T SRFT

ASKER

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

ASKER CERTIFIED SOLUTION

Julian Hansen

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

IM&T SRFT

ASKER

Julian

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

Julian Hansen

You are welcome.