Front page template to full width, Venture theme

• 

  startswithmenow · Member · Nov 28, 2016 at 4:56 pm

  • Copy link
  • Add topic to favorites

  hello,
  Help greatly appreciated :)

  I’m trying to get my front page template in the venture theme to be full width. So I can have the text stretch across the entire screen rather than be stuck in the middle of the page.

  the section on the main page that says-

  ‘We create space for conversations about mental health that change lives’

  thanks very much

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

• 

  innisfreehomestead · Member · Nov 28, 2016 at 6:19 pm

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  .home .front-block .front-block-inner {
  	max-width: 100%;
  }

  Let me know if that doesn’t work!
  Sage

• 

  startswithmenow · Member · Nov 28, 2016 at 6:23 pm

  • Copy link

  amazing thx so much

• 

  innisfreehomestead · Member · Nov 28, 2016 at 6:24 pm

  • Copy link

  No worries, glad it worked for you!

• 

  startswithmenow · Member · Nov 28, 2016 at 6:26 pm

  • Copy link

  Any chance you’d know how to make an image/banner stretch across the whole screen?

  thanks

• 

  innisfreehomestead · Member · Nov 28, 2016 at 6:30 pm

  • Copy link

  Hey there,

  Is something like this what you were thinking?

  #fullscreen-header .featured-slide {
  	background-size: 100%;
  }

  Hope that helps,
  Sage

• 

  startswithmenow · Member · Nov 28, 2016 at 6:36 pm

  • Copy link

  thanks so much for taking the time to help me out. I was hoping to insert an image/banner full width under the ‘tag’ line on the front page.

  I wanted a testimonial to show up there, white text on blue or some other color, but I want it to stretch across so it doesn’t look like it’s just text underneath.

  thanks again

• 

  innisfreehomestead · Member · Nov 28, 2016 at 6:56 pm

  • Copy link

  Hi there,

  I’m not entirely sure what you are referring to, would you mind placing in the testimonial text then I could create a box around it?

  Let me know,
  Sage

• 

  startswithmenow · Member · Nov 28, 2016 at 7:15 pm

  • Copy link

  Hey I tried to post a screenshot but I guess I can’t upload images.

  “Starts With Me truly understands how as a community we can support each other”

• 

  startswithmenow · Member · Nov 28, 2016 at 7:22 pm

  • Copy link

  Hey i don’t know what i did, found some code online and posted it, it looks ok, but there’s no background colour around the testimonial. that’s what I’d like to accomplish, so it looks as if it’s a different section so to speak.

  http://www.startswithme.ca

• 

  innisfreehomestead · Member · Nov 29, 2016 at 11:54 pm

  • Copy link

  Hello there,

  You’ll need to place this in the text/html editor of your page instead of the testimonial text you have there now:

  <div class="testimonialbanner">
  	<h2 style="text-align:center;"><span style="color:#FFF;">“Starts With Me truly understands how as a community we can support each other”</span></h2>
  	<p style="text-align:center;"><span style="color:#FFF;">Craig, Rec Therpaist&nbsp;CAMH</span></p>
  </div>

  And then this would go in your custom CSS area:

  .testimonialbanner {
  	background-color: #032b71;
  	padding: 100px 0;
  }

  Hope that helps!
  Sage