Banner Height

[elkiehound 0]

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

[bryan-hadaway 3]

CSS: http://www.pagelines.com/docs/changing-colors-fonts http://www.w3schools.com/css/ If you'll need some more help I need a link to where your banners are. Thanks, Bryan

[elkiehound 0]

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. http://elkhound.dyndns.org:8888/?page_id=532

[catrina 103]

Add this CSS to your Custom CSS:

img {height: 100px;}

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.

[elkiehound 0]

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

[Sourena 2]

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?

[elkiehound 0]

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

[kastelic 6]

You could do this by eliminating padding in the

.banner-area

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.

[elkiehound 0]

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

[kastelic 6]

Try this for starters:

.banner-area{padding:0;}

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.

[elkiehound 0]

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. http://elkhound.dyndns.org:8888/?page_id=532 Thanks Roy PS: Yes, I have done the tutorial, twice.

[Guest Guest]

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

#highlight .content-pad .highlight-area {height: 80px;}

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