CSS customization

• 

  generationsforpeace · Member · Sep 8, 2015 at 11:04 am

  • Copy link
  • Add topic to favorites

  Dear Friends,

  I have below css and I need your help to implement below changes:

  All posts header should be aligned to left (with keeping entire posts justified)

  All posts font size should be 12 or smaller

  All Header font should be (Arial) even all blog fonts should be (Arial)

  Font color on the main page should be black

  Font color on the all posts should be black

  Paging for the main page should be 4 (only 4 posts on the page)

  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;
  }

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

• 

  darrellschulte · Member · Sep 8, 2015 at 2:17 pm

  • Copy link

  Hi generationsforpeace,

  Here are a bunch of possibilities. Let me know if I misinterpreted any of your requests.

  All posts header should be aligned to left (with keeping entire posts justified)

  h2.headline.text-center {
      text-align: left;
  }

  All posts font size should be 12 or smaller

  .article p {
      font-size: 12px;
  }

  All Header font should be (Arial) even all blog fonts should be (Arial)

  .headline, .article p {
      font-family: 'Arial', 'Helvetica Neue', 'Arimo';
  }

  Font color on the main page should be black

  Which areas were you thinking?

  Font color on the all posts should be black

  Your theme is making the first paragraph of a post the font color #999 — is that what you want black?

  Paging for the main page should be 4 (only 4 posts on the page)

  Your Reading Settings controls how many posts are displayed per page. Go to Settings -> Reading and change the number set for Blog pages show at most to 4.

• 

  generationsforpeace · Member · Sep 8, 2015 at 7:05 pm

  • Copy link

  Dear darrellschulte

  much much appreciated .
  regarding the first paragraph, I solve it using your indirect help

  Regards