Text Formatting for Front Page

• 

  walkerstenthdimension · Member · Dec 5, 2016 at 8:42 pm

  • Copy link
  • Add topic to favorites

  Hi,

  For the front page of my website, I have four images, each with their own section. The bottom picture (of the mountain with the lightning bolt) has the text held in a Widget which only allows for text to be displayed in a narrow column on the left of the page.

  I would like to format the text so that it appears the same as the text above it (over the picture of the cave). Basically, I won’t the text to flow across the entire width of the page instead of just a small section on the left.

  Support told me that this will require advanced CSS knowledge to ensure that it works when loading the website from phones and tablets.

  Any help would be great! Thanks in advance!

  Andrew

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

• 

  thesacredpath · Member · Dec 6, 2016 at 12:13 am

  • Copy link

  Hi Andrew, add the following to your custom CSS and see what you think.

  #slide-4 .widget {
      float: none;
      margin: 0 auto;
      max-width: 830px;
      padding-left: 0;
      width: 100%;
  }
  #slide-4 .widget .widget-title {
      border-bottom: 2px solid #fff;
      font-size: 6.4rem;
      line-height: 1;
      margin-bottom: 40px;
      padding: 0 0 34px;
  }

• 

  walkerstenthdimension · Member · Dec 6, 2016 at 5:40 pm

  • Copy link

  That is exactly what I was looking for. Thanks a lot!

• 

  thesacredpath · Member · Dec 6, 2016 at 5:50 pm

  • Copy link

  Awesome, and you are welcome!