Jump to content


Photo
- - - - -
Resolved

Hero Height .CSS not working



  • Please log in to reply
4 replies to this topic

#1 bwdsl247

bwdsl247

    Advanced Member

  • Members

  • 52 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 09 October 2012 - 06:27 PM

I'm trying to use CSS to resize height of Hero. So far, no luck.

Here's what I have:

.pl-hero-wrap .row {
height:100px!important;
}

Any suggestions would be appreciated!

#2 catrina

catrina

    Advocate

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

Posted 09 October 2012 - 06:28 PM

You need to add a space before !important in your CSS code.

#3 bwdsl247

bwdsl247

    Advanced Member

  • Members

  • 52 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 09 October 2012 - 07:53 PM

When I put a space before !important, the Edit CSS Save strips it out.

Could it be something else? Is this the correct CSS to reduce Hero height?

#4 bwdsl247

bwdsl247

    Advanced Member

  • Members

  • 52 posts
  • Framework Version:2.3
  • Country: Country Flag

Posted 09 October 2012 - 08:44 PM

Figured out a solution - .pl-hero-wrap {padding: 3%;
}

Default value is 5%...

Thanks, consider this resolved.

#5 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 10 October 2012 - 01:59 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved