how to resize image headfront for "Profile" template

• 

  nuovagenerazioneass · Member · Jan 17, 2014 at 8:21 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I’d like to know how to resize image headfront for “Profile” template with css commands.
  I need to do this because i want to see more information of my first page on tablets.

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

• 

  thesacredpath · Member · Jan 17, 2014 at 11:40 pm

  • Copy link

  Hi there, I’ve taken a little bit out of padding and margins on a number of elements to move your content up, but due to the design of the theme header area, we are limited a little if we want to keep the same basic look and design.

  Go to Appearance > Customize > CSS, delete all the informational text and paste in the following and see what you think. The following affects all pages on your site.

  #header #masthead {
      padding-bottom: 20px;
      padding-top: 0;
  }
  #header .feature-img {
      margin-top: 20px;
  }
  .home-header {
      min-height: 365px;
  }
  .container.logo-active {
      padding-top: 120px;
  }
  .postarea, .sidebar {
      padding-top: 24px;
  }

  If you wish to change only the home page, the following specifically targets your home page and leaves the design of the header area on all other pages as it is.

  .home #header #masthead {
      padding-bottom: 20px;
      padding-top: 0;
  }
  .home #header .feature-img {
      margin-top: 20px;
  }
  .home .home-header {
      min-height: 365px;
  }
  .home .container.logo-active {
      padding-top: 120px;
  }
  .home .postarea, .sidebar {
      padding-top: 24px;
  }