Insert text paragraph on home page

• 

  nvmsus · Member · Sep 18, 2015 at 9:06 pm

  • Copy link
  • Add topic to favorites

  Good afternoon,

  I was wondering if you could help me insert a paragraph of text on the home page. I am using the Collective theme and would need the paragraph to be in between the 4 pictures and the Updates blog below.

  I appreciate the help.

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

• 

  thesacredpath · Member · Sep 19, 2015 at 12:00 am

  • Copy link

  If you want it in the grey area above “Updates” then add this and edit the content text between quote marks.

  .row.news-section:before {
      content: "This is some content";
      padding-top: 20px;
      margin-left: auto;
      margin-right: auto;
  }

  If you want it in the white area below the images, then add this instead.

  .team-section::after {
      content: "This is some content";
      margin-left: auto !important;
      margin-right: auto !important;
      padding-bottom: 30px;
  }

• 

  nvmsus · Member · Sep 19, 2015 at 11:21 am

  • Copy link

  Good morning,

  Thank you for your help. I inserted the code (option 2 above) into the css box but it doesn’t seem to work. The words “auto” are in red…I’m guessing they should not be for it to work?

• 

  thesacredpath · Member · Sep 19, 2015 at 7:41 pm

  • Copy link

  Hi, some values in declarations will show as red. That is just the way the code is highlighted.

  I went to your customizer and inserted the second rule I have above and the text showed up, centered, below the team section above Updates.

  Can you try again?

• 

  nvmsus · Member · Sep 21, 2015 at 4:42 pm

  • Copy link

  It worked. Thank you.

• 

  thesacredpath · Member · Sep 21, 2015 at 7:38 pm

  • Copy link

  You are welcome.

• 

  nvmsus · Member · Sep 22, 2015 at 5:22 pm

  • Copy link

  One more question came up regarding this code. How can I include paragraphs in the content? Also, is there a way to center the text?

  Thank you.

• 

  thesacredpath · Member · Sep 23, 2015 at 5:05 am

  • Copy link

  On the paragraph you have below the team section, add a “text-align: center; declaration to the CSS so it looks like this.

  .team-section::after {
      color: #000;
      content: "At NVMS we believe in the power of people coming together to communicate - to really listen and be heard, to identify issues, work on them together and find common ground. Whether you want to change how you interact with colleagues or neighbors, achieve a successful separation, resolve a potential lawsuit, improve your skills or become a professional mediator – through facilitation, coaching, mediation or training – we can help you make that happen.";
      font-family: Arimo;
      font-size: 25px;
      margin-left: auto !important;
      margin-right: auto !important;
      padding: 50px 250px 100px;
      text-align: center;
  }

• 

  nvmsus · Member · Sep 23, 2015 at 12:50 pm

  • Copy link

  Great. Is there a way to insert paragraph breaks in this content?

• 

  thesacredpath · Member · Sep 23, 2015 at 11:12 pm

  • Copy link

  No not when adding text in this way with CSS there isn’t.