Jump to content


Photo
- - - - -

Move body down using custom css

css

Best Answer Rob , 13 January 2013 - 03:43 PM

If you go to Dashboard > PageLines > Site Options > Custom Code in the CSS Rules area, the first, default line is

body {}

 

Between the curly brackets, if you add margin-top: 40px; it will move the body of the site down by 40px.  Change that to any measure you wish, however, it will likely render your site unresponsive for mobile devices.

 

If you need responsiveness, use a percentage in place of the pixel value, like 2.1%.

Go to the full post


  • Please log in to reply
2 replies to this topic

#1 rustav

rustav

    Newbie

  • Members
  • 4 posts
  • LocationOslo
  • Framework Version:2.4.0
  • Country: Country Flag

Posted 13 January 2013 - 02:03 PM

Simply wondering what code I could use for the entire body to be moved down a certain number of px (working on the site

Please Login or Register to see this Hidden Content

 

Thanks!



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 13 January 2013 - 03:43 PM   Best Answer

If you go to Dashboard > PageLines > Site Options > Custom Code in the CSS Rules area, the first, default line is

body {}

 

Between the curly brackets, if you add margin-top: 40px; it will move the body of the site down by 40px.  Change that to any measure you wish, however, it will likely render your site unresponsive for mobile devices.

 

If you need responsiveness, use a percentage in place of the pixel value, like 2.1%.


  • rustav likes this

#3 rustav

rustav

    Newbie

  • Members
  • 4 posts
  • LocationOslo
  • Framework Version:2.4.0
  • Country: Country Flag

Posted 13 January 2013 - 05:19 PM

Thanks for your swift reply! I went for %!







Also tagged with one or more of these keywords: css