Banner Size

  • 1
  • Question
  • Updated 7 years ago
  • Answered
HI

How can I change the size of my banner?

Thanks
Photo of plumpedlipssmokeyeyes

plumpedlipssmokeyeyes

  • 103 Posts
  • 1 Reply Like

Posted 7 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello plumpedlipssmokeyeyes,

Are you trying to change the actual banner area or just resize your banner image? If you can share what style you are using, that will be quite helpful.
Photo of plumpedlipssmokeyeyes

plumpedlipssmokeyeyes

  • 103 Posts
  • 1 Reply Like
Hi im using Professional Slate, I just want to make the banner area smaller?

Thanks
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello plumpedlipssmokeyeyes,

Thanks for letting me know. This is the code you would need to add to your Site CSS:

div#sys_banner {
height:258px;
width:940px;
}

You can adjust the height and width accordingly.
Photo of plumpedlipssmokeyeyes

plumpedlipssmokeyeyes

  • 103 Posts
  • 1 Reply Like
Hi

I have reduced the size of the banner now, is there any way to edit around the banner image?

Now all I can see is the background around the banner, would it be possible to add widgets, text or pictures here, or just reduce the size of this also?

Thanks
Photo of plumpedlipssmokeyeyes

plumpedlipssmokeyeyes

  • 103 Posts
  • 1 Reply Like
How do I add this to my site?

Do i need to do to style, then edit customer CSS? Then adjust the px's?

Thanks
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
You can add your own background image if you like and resize the background size as well. Please leave this with me for a bit and I'll let you know what the code is. Thanks for your patience.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi again,

Thanks for your patience.

So the image behind your banner also covers the rest of the page. So, if you replace that image, then not only will this affect the image directly behind your banner but also that whole white area that your text goes upon. Are you still wanting to replace this with your own image?