Jump to content


Photo
- - - - -

Banner Height


  • Please log in to reply
11 replies to this topic

#1 elkiehound

elkiehound

    Member

  • Members
  • PipPip
  • 28 posts

Posted 18 March 2011 - 03:38 AM

How can I change the height of a banner from the default ? Thanks

#2 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 18 March 2011 - 04:28 AM

CSS:

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

If you'll need some more help I need a link to where your banners are. Thanks, Bryan

#3 elkiehound

elkiehound

    Member

  • Members
  • PipPip
  • 28 posts

Posted 18 March 2011 - 03:48 PM

Here is the banner page. I would like to make the banner height about half of what it is. I cannot install firebug cause it is not compatible with the most version of firefox I am running.

Please Login or Register to see this Hidden Content



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 18 March 2011 - 05:33 PM

Add this CSS to your Custom CSS:

Please Login or Register to see this Hidden Content


Note: This will also decrease the width of the banner. If you want to keep the width the same, but reduce the height, the best option is to edit the image in an image editing program.

#5 elkiehound

elkiehound

    Member

  • Members
  • PipPip
  • 28 posts

Posted 18 March 2011 - 06:06 PM

I put img {height: 100px;} in the custom css in Pagelines settings. Nothing changes. Can you be more specific.

#6 Sourena

Sourena

    Advocate

  • Members

  • 563 posts
  • LocationWilliamstown, MA
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 18 March 2011 - 06:25 PM

The height of the banner and its image are not set by PlatformPro. The image shows up in its own size. The text begins right next to it and flows down until it ends. What do you mean by height here?

#7 elkiehound

elkiehound

    Member

  • Members
  • PipPip
  • 28 posts

Posted 18 March 2011 - 07:10 PM

The banner has a shade color to it. I want the area shaded to be smaller (less height), same width. Image not important. Just the size of the background shade of the banner

#8 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 18 March 2011 - 09:16 PM

You could do this by eliminating padding in the

Please Login or Register to see this Hidden Content

and other elements inside it.

If your version of Firefox won't run Firebug why don't you upgrade?
Or you could install Google Chrome which has a very similar inspector.

#9 elkiehound

elkiehound

    Member

  • Members
  • PipPip
  • 28 posts

Posted 18 March 2011 - 09:52 PM

You could do this by eliminating padding in the .banner-area and other elements inside it. What does this mean ? Can you give me specific place to put code with specific parameters please. Should not take a day to get this answer Running most current version of firefox. 3.6

#10 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 19 March 2011 - 12:32 AM

Try this for starters:

Please Login or Register to see this Hidden Content


Put it in Custom Code -> Custom CSS

Have you read the CSS tutorial Bryan posted?
We're here to help but it goes a lot smoother if you make at least some effort to learn things for yourself.

#11 elkiehound

elkiehound

    Member

  • Members
  • PipPip
  • 28 posts

Posted 19 March 2011 - 04:23 AM

Jimmy, Thanks for the assistance, however putting .banner-area{padding:0;} in the Custom Code -> Custom section in Settings makes no change to the height of the banner background. Here is the page, I want the yellow banner to be about 1/2 the current height.

Please Login or Register to see this Hidden Content

Thanks Roy PS: Yes, I have done the tutorial, twice.

#12 Guest_Guest_*

Guest_Guest_*
  • Guests

Posted 19 March 2011 - 04:10 PM

You can adjust the height of the banner area by playing around with the following in custom CSS:

Please Login or Register to see this Hidden Content


If you want it any shorter than that you're gonna have to edit the actual contents of the banner I think.