Modify static front page

• 

  sachainchisuperfood · Member · Jan 16, 2016 at 8:49 pm

  • Copy link
  • Add topic to favorites

  Is there a way to move the ‘front page content’ area of the canape theme up? It is so far down, I would like to move it up to cover more of the top image.

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

• 

  ogurel · Member · Jan 17, 2016 at 6:29 am

  • Copy link

  Hi,

  The below custom CSS code will allow you to move front page content area up or down.

  @media screen and (min-width: 768px) /*For resolutions higher than 768px such as desktops */
  {
      .hero + .hero-container-outer
      {
          margin-top: -400px;
      }
  }
  
  @media screen and (max-width: 767px) /*For resolutions lower than 767px such as tablets or smartphones */
  {
      .hero + .hero-container-outer
      {
          margin-top: -100px;
      }
  }

  However, as mentioned at https://en.support.wordpress.com/custom-css/ :

  Custom CSS is part of Custom Design, which is a feature of the WordPress.com Premium and WordPress.com Business plans. You can add custom CSS to your WordPress.com blog using the CSS Editor in the Appearance → Customize → CSS panel in your blog dashboard. Anyone can save and preview custom CSS on a WordPress.com blog, but you have to purchase one of our plans to make those changes live.

  Please let me know if I can provide further help.

  Take care,

  Onur