Paragraphs Justify

• 

  generationsforpeace · Member · Jul 6, 2015 at 9:11 pm

  • Copy link
  • Add topic to favorites

  Dears,

  I want to make all my web site pargaphs to be justified and I have below CSS

  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;
  }
  
  h1.heading,
  .responsive-slides h1 {
  	font-family: Arial;
  	font-size: 20px;
  }
  
  h4.tagline {
  	font-family: Arial;
  	font-size: 28px;
  }
  
  input[type="submit"] {
  	background: #0082c8;
  }

  So I add this block

  `.entry-content p {
  text-align: justify !important;
  }

  p, h1 {
  text-align: justify;
  text-align-last: justify;
  }`

  but still not work what shall I do ??

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

• 

  thesacredpath · Member · Jul 7, 2015 at 4:19 am

  • Copy link

  Hi there, I’m seeing your content justified in your posts. Have you gotten this all taken care of or do you have additional questions?

• 

  generationsforpeace · Member · Jul 7, 2015 at 7:12 am

  • Copy link

  Thanks thesacredpath you are right..It is justified..

  May I ask you other thing.. How can I make my menue background color white and the font is black to be as same to my website (http://www.generationsforpeace.org/en/)

• 

  thesacredpath · Member · Jul 7, 2015 at 7:25 am

  • Copy link

  We can make the entire dark strip white and the text (including site title) black with the following.

  #masthead a {
      color: #000;
  }
  #masthead a:hover {
      color: #777;
  }
  #navigation .menu .current_page_item a, #navigation .menu .current_page_ancestor a, #navigation .menu .current-menu-item a, #navigation .menu .current-cat a {
      color: #000;
      background: #ddd;
  }
  #wrap .menu a {
      color: #000;
  }
  #wrap .menu a:hover {
      color: #000;
      background: #ddd;
  }

  See what you think with the above, and you are free to change the color codes as desired.

• 

  generationsforpeace · Member · Jul 7, 2015 at 8:21 am

  • Copy link

  Big Big Big Thanks thesacredpath,

  May I bother you with small modification my hero..

  I want all the menu bar or ribbon to be white

  to be as our website exactly

• 

  thesacredpath · Member · Jul 7, 2015 at 10:41 pm

  • Copy link

  Hi, I see you have switched to Watson Theme. On this theme, it would be problematic to try and move the menu to the top above your header. I would suggest sticking with a theme that has the menu at the very top already. We could then style the menu to look very similar to the one on your website.