How to reduce space above site title – motif theme

• 

  johnnybhalla · Member · Aug 5, 2014 at 11:42 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  Can you please provided me with the CSS coding that will enable me to change the height of the area above the main title?

  Also, if you scroll down, just under the main image is a grey bar (essentially a random space), how do I remove that space so that it is image then then footer?

  Thanks heaps!

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

• 

  eurello · Staff · Aug 6, 2014 at 12:02 am

  • Copy link

  Hi there,

  Can you please provided me with the CSS coding that will enable me to change the height of the area above the main title?

  You can bump that down with the following CSS:

  .site {
  	margin: 100px auto;
  }

  Just adjust the 100 until it looks like you would like it to.

  Also, if you scroll down, just under the main image is a grey bar (essentially a random space), how do I remove that space so that it is image then then footer?

  Try:

  .front-page-content-area .hero {
  	margin-bottom: 0px;
  }

• 

  johnnybhalla · Member · Aug 6, 2014 at 12:25 am

  • Copy link

  You are a gem, thank you so much!

  Do you also happen to know how to add a ‘call-to-action’ button on this same page in the white space area just under the black text? I’d like to place a button that links to my blog page (reviews), which also follows the same theme colours/style.

  Thanks in advance!

• 

  eurello · Staff · Aug 6, 2014 at 6:30 pm

  • Copy link

  The easiest way would likely be to upload an image of the button to that page, and then link that image to your Reviews page.

  You could also add a button class with inline CSS, something like:

  <a class="ctabutton" href="http://dessertified.com/reviews/">Reviews</a>

  That would appear as a plain hyperlink, and then you could use CSS to style the button.

• 

  johnnybhalla · Member · Aug 7, 2014 at 8:57 am

  • Copy link

  Thanks for that, I ended up uploading a make-shift button and hyperlinked it like you suggested as the second option didn’t seem to work.

  Thanks for all you help!