logo-responsive
Welcome, Guest
Username: Password: Remember me

TOPIC: Pulse template - change size of header area

Pulse template - change size of header area 4 weeks 20 hours ago #14541

  • sharonbetts
  • sharonbetts's Avatar
  • Offline
  • Junior Boarder
  • Posts: 24
  • Thank you received: 2
  • Karma: 0
How can I change the size of the header area in the Pulse Template. Can someone direct me to the correct code?
The administrator has disabled public write access.

Pulse template - change size of header area 2 weeks 5 days ago #14547

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 4780
  • Thank you received: 794
  • Karma: 91
Hello Sharon,

Is it just the area where the logo is that you need to adjust and if so to what height?

Thanks,
JohnO
The administrator has disabled public write access.

Pulse template - change size of header area 2 weeks 5 days ago #14548

  • sharonbetts
  • sharonbetts's Avatar
  • Offline
  • Junior Boarder
  • Posts: 24
  • Thank you received: 2
  • Karma: 0
Thank you for your response. Yes, it is just the header area. My client has a logo that need to be at least 150 px high to be readable. It also means the area for the header needs be to longer as well to accommodate the logo and title. Is that possible to easily do or will it mess everything else up? There seems to be a lot of white space around the logo space, but I have not been able to find the code to use that space.
The administrator has disabled public write access.

Pulse template - change size of header area 2 weeks 3 days ago #14554

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 4780
  • Thank you received: 794
  • Karma: 91
Hello Sharon,

To adjust the height of the area where the logo is located in the Pulse template please use the following css. Copy and paste the following css code into the custom css code parameter in your templates styling parameters. Edit the px value as required.
.spacer {
    height: 140px !important;
}

To adjust the actual logo container use the following css. This container should be the same dimensions as your logo.
/*logo height*/
.logo_container, .logoimage, .logoimage a {
    height: 80px !important;
}

/*logo width*/
.logo_container {
    width: 500px !important;
}

Thanks,
JohnO
The administrator has disabled public write access.

Pulse template - change size of header area 2 weeks 2 days ago #14560

  • sharonbetts
  • sharonbetts's Avatar
  • Offline
  • Junior Boarder
  • Posts: 24
  • Thank you received: 2
  • Karma: 0
Perfect - thank you!
The administrator has disabled public write access.

Pulse template - change size of header area 2 weeks 5 hours ago #14561

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 4780
  • Thank you received: 794
  • Karma: 91
You are welcome.

Thanks,
JohnO
The administrator has disabled public write access.
Time to create page: 0.133 seconds
Powered by Kunena Forum

Use code   JUL18 at checkout

     JULY    

10% off Everything!