CSS Customization

• 

  generationsforpeace · Member · Sep 15, 2015 at 10:04 am

  • Copy link
  • Add topic to favorites

  I need to do following on my blog using my below CSS

  1-Sans serif font for the tabs
  2-Removing the ‘featured’ title without removing the titles of the actual articles on the main page (please visit my blog home page -http://blog.generationsforpeace.org-)
  3-How to change the size of the preview posts

  body,
  h1,
  blockquote cite,
  details,
  .footnote,
  table,
  .alert,
  nav[role="navigation"],
  footer[role="contentinfo"],
  .wp-caption-text,
  .feature figcaption,
  dd.wp-caption-dd,
  header.post-title .post-byline,
  .post-roll article.post .post-content nav,
  footer.post-footer,
  .featured-thumbnails-container .featured-thumbnail,
  a.custom-more-link,
  aside[role="complementary"],
  h3.widgettitle,
  #comments,
  .responsive-slides,
  body.blog .responsive-slides p,
  body.blog .responsive-slides .featured-article p span,
  textarea,
  select,
  input,
  button,
  input[type="reset"],
  input[type="submit"],
  input[type="button"],
  .widget_tag_cloud a,
  .wp_widget_tag_cloud a,
  .post-edit-link,
  a#cancel-comment-reply-link,
  .comment-edit-link,
  .index-footer p a,
  .page-links,
  .dk_container,
  #respond {
  	font-family: Arial, Helvetica, sans-serif;
  }
  
  #site-title {
  	color: #ffffff;
  	font-size: 16px !important;
  }
  
  h4.tagline {
  	font-family: Arial;
  	font-size: 28px;
  }
  
  input[type="submit"] {
  	background: #0082c8;
  }
  
  .entry-content p {
  	text-align: justify !important;
  	font-family: Arial;
  }
  
  p, h1 {
  	text-align: justify;
  	text-align-last: justify;
  	font-family: Arial;
  }
  
  .content {
  	max-width: 800px;
  }
  
  h2.headline.text-center {
  	text-align: left;
  	color: #ffffff;
  	font-size: 20px;
  	font-family: 'Arial', 'Helvetica Neue', 'Arimo';
  }
  
  .article p {
  	font-size: 16px;
  }
  
  .article p {
  	font-family: 'Arial', 'Helvetica Neue', 'Arimo';
  }
  
  .headline {
  	font-family: 'Arial', 'Helvetica Neue', 'Arimo';
  }
  
  .article > p:first-of-type {
  	color: #ffffff;
  	font-size: 14px;
  	font-family: 'Arial', 'Helvetica Neue', 'Arimo';
  }
  
  .featured-news {
  	padding-top: 5px;
  }

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

• 

  ehtis · Staff · Sep 15, 2015 at 11:55 am

  • Copy link

  Hi there!

  1-Sans serif font for the tabs

  By tabs, I assume you’re referring to menu items like Home, About etc., correct? This is the code to change their font:

  #navigation {
      font-family: sans-serif;
  }

  2-Removing the ‘featured’ title without removing the titles of the actual articles on the main page

  There you go, the following code will remove the “Featured” label and won’t affect any post titles:

  .featured-news .headline.text-center {
  	display: none;
  }

  3-How to change the size of the preview posts

  If you’re talking about the amount of text that’s shown in the previews (excerpts on home page), then I’m afraid that can’t be changed. Your theme has it hard-coded.

  If you need anything else, post back here! :)

• 

  generationsforpeace · Member · Sep 15, 2015 at 6:04 pm

  • Copy link

  much appreciated ehtis