CSS customization

• 

  generationsforpeace · Member · Apr 11, 2016 at 11:41 am

  • Copy link
  • Add topic to favorites

  I have below CSS and I want to do following

  1-Miminmze the Title or the header of the post in my home page (Featured Posts)

  2-Bulletin font type to be Arial.

  #respond {
  	font-family: Arial, Helvetica, sans-serif;
  }
  
  h4.tagline {
  	font-family: Arial;
  }
  
  .entry-content p {
  	font-family: Arial;
  }
  
  p, h1 {
  	font-family: Arial;
  }
  }
  
  h2.headline.text-center {
  	color: #ffffff;
  	font-family: 'Arial', 'Helvetica Neue', 'Arimo';
  }
  
  .article p {
  	font-family: 'Arial', 'Helvetica Neue', 'Arimo';
  }
  
  .headline {
  	font-family: 'Arial', 'Helvetica Neue', 'Arimo';
  }
  
  .article > p:first-of-type {
  	font-family: 'Arial', 'Helvetica Neue', 'Arimo';
  }
  
  .featured-news .headline.text-center {
  	display: none;
  }
  
  #navigation {
  	font-family: sans-serif;
  }
  
  .featured-news {
  	padding-top: 0;
  }
  
  #wrap .menu a:hover {
  	color: #000;
  	background: #ddd;
  }
  
  /* Adjust post width */
  .post .postarea {
  	width: 80%;
  	margin: auto;
  }

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

• 

  thesacredpath · Member · Apr 11, 2016 at 9:43 pm

  • Copy link

  Hi there,

  1-Miminmze the Title or the header of the post in my home page (Featured Posts)

  To adjust the post titles in the Featured News section on your main page, add the following CSS. You can adjust the 2.2em value as desired.

  .featured-news .headline.small {
      font-size: 2.2em;
  }

  2-Bulletin font type to be Arial.

  Can you explain what you mean by “Bulletin”?

• 

  generationsforpeace · Member · Apr 12, 2016 at 2:40 pm

  • Copy link

  Thanks thesacredpath
  I mean below Bulleted List

  • XXXXX
  • .YYYYY
  • .ZZZZ
• 

  thesacredpath · Member · Apr 12, 2016 at 7:57 pm

  • Copy link

  Ah super, thanks for the clarification. The following will change the bulleted and numbered lists to Arial.

  .postarea ul li, .postarea ol li {
      font-family: Arial, Helvetica, sans-serif;
  }

  I did notice while looking at your site that the font on single posts and pages is very, very small and unreadable due to this CSS rule you have added.

  .article p {
      font-family: "Arial","Helvetica Neue","Arimo";
      font-size: 6px !important;
  }

  Here is a post on your site so you can see what I mean. I would suggest adjusting that 6px to something like 16px.

• 

  generationsforpeace · Member · Apr 13, 2016 at 12:44 pm

  • Copy link

  Big Thanks thesacredpath

• 

  thesacredpath · Member · Apr 13, 2016 at 4:56 pm

  • Copy link

  You are welcome.