How do I change the way tags look on my posts?

• 

  gamemasterlilu · Member · Jan 19, 2015 at 1:14 am

  • Copy link
  • Add topic to favorites

  Hello,

  I am totally new to this and am really frustrated because I like the theme I am using BUT the way they made the tags look completely ruins the look and feel of the posts I make. I don’t want the ugly graphics that the tag links currently sit on, I just want the tag names without graphics and I would also like to change the font size of the tags as well. If someone could give me a hand with this I would be extremely grateful.

  The theme I am using is Fictive.

  Cheers
  Anastasia

  PS. I am on the $99 plan, if that makes a difference at all.

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

• 

  gamemasterlilu · Member · Jan 19, 2015 at 1:17 am

  • Copy link

  Sorry for the double post but I forgot to add that currently tags on posts show up on the “preview” post page, the home page. I only want the tags to be visible on the page you are taken to when you click the link. If that makes sense.

• 

  designsimply · Member · Jan 20, 2015 at 12:44 pm

  • Copy link

  With the premium plan, you can make adjustments to how a theme is designed, but it takes some work by adding CSS code. We can help you get started with CSS here.

  This explains how CSS at WordPress.com works, so it would be good to check this out:
  http://en.support.wordpress.com/custom-design/editing-css/

  You might also like:
  http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1?curriculum_id=50579fb998b470000202dc8b

  .tags-links a,
  .tags-links a:visited,
  .tags-links a:after,
  .tags-links a:hover,
  .tags-links a:hover:after {
  	background: none;
  	color: #755C4A;
  	font-size: 1.2em;
  	margin: 0;
  	padding: 0 1em 0 0;
  	text-transform: none;
  }
  
  .tags-links a:before,
  .tags-links a:after {
  	display: none;
  }

  You can adjust the color code or add or remove some of the lines such as text-transform or change the 1.2em number to adjust the font size or make other changes if you’d like. There are a number of things you can do with CSS. If you’re interested in learning how to make further adjustments, you might like:
  http://www.htmldog.com/guides/cssbeginner/
  http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1?curriculum_id=50579fb998b470000202dc8b

  You can hide the tags for a post on the home page only in the Fictive theme by adding the following example to your Appearance > Customize > CSS editor:

  .home .tags-links {
  	display: none;
  }