CSS adițional în WordPress

Vrei uneori să schimbi o culoare, un spațiu, ceva legat de design-ul temei pe care ai instalat-o. WordPress e făcut să poți adăuga ușor cod CSS.

În cazul meu am vrut să:

• nu arat imaginea de preview când deschid un articol
• să am butoane mai mici (Read more)
• să schimb culoarea liniilor
• să adaug un spații deasupra liniei cu tags

Codul CSS arată așa (simpluț):

body.post-template-default.single-post div.featured-thumbnail {
  display: none;
}

body.archive article a.blogpost-button,
body.category article a.blogpost-button,
body.home article a.blogpost-button {
   padding: 5px 10px
}

body.archive article,
body.category article,
body.page article,
body.home article, main article,
.swidgets-wrap {
  border: 1px solid #eee !important;
}

div.tag-cat-container {
	margin-top: 1em;
}

Te autentifici, apeși pe Customize și apoi pe Additional CSS. Acolo am copiat codul CSS, am salvat și gaaataa.

Update (23.06):

Bonus și codul final de CSS, după ce l-am migălit să arate așa, superb:

body.post-template-default.single-post div.featured-thumbnail {
  display: none;
}

a.blogpost-button {
   padding: 3px 15px;
	 background: #e6e6e6;
	 color: #7f5a83;
	 border-radius: 20px;
}

body.archive article,
body.category article,
body.page article,
body.home article, main article {
	border-color: #e6e6e6;
  border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
}

.swidgets-wrap {
	border-color: #e6e6e6;
  border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
}

div.st-post-tags,
div.tag-cat-container {
	margin-top: 1em;
}

.featured-thumbnail img {
	max-height: 150px;
	width: auto;
}

a {
	color: #7f5a83;
}

div.post-data-positioning span.byline {
  display: none;	
}

span.posted-on {
    font-size: 0;
}

span.posted-on a {
    font-size: initial;
}

.post-data-divider  {
	background: #e6e6e6;
}

#primary-menu a, .site-title a {
	color: #7f5a83;
}

div.entry-content {
	font-size: 1.3em;
  color: #668 !important;
}

button[type=submit] {
	background: #7f5a83 !important;
}

footer {
	display: none !important;
}