Need help for design updating

• 

  pinkscreammagazine · Member · Jul 16, 2017 at 8:14 pm

  • Copy link
  • Add topic to favorites

  Hi everyone,

  I would like to ask for help concerning the customization of the theme of my website : http://www.pinkscream.com

  I would like to :

  1. Making the header image narrower
  2. Inserting blank separation between the header image and the posts.

  I am using the theme Cabron. The resizing and margins options doesn t exist in the Customizing options, I tried few things in CSS but without any success. Can someone help me ?

  Thank you very much in advance

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

• 

  solybarr · Member · Jul 17, 2017 at 10:09 pm

  • Copy link

  Hi there,
  I checked these with Chrome tools (inspect)
  1) for the header image size, I noticed there is this rule

  .custom-header:not(.has-header-text) {
       min-height:600px;
  }

  If you override that with a lesser number (400px) you might get what you want.

  2) For the blank space below the Header image,

  section.custom-header{
       margin: 0 auto 10px;
  }

  Let me know if this is what you were looking for or need additional help.

• 

  thesacredpath · Member · Jul 17, 2017 at 10:36 pm

  • Copy link

  Hi there,

  1. Making the header image narrower

  Are you talking about width or height of the image?

  2. Inserting blank separation between the header image and the posts.

  Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS, and you can adjust the 100px value as desired. This is targeted at the home page only.

  .home #content {
    margin-top: 100px;
  }