CSS: Fix Height Issue

Hi there!

I am using an image on the front page (jomsocial greybox.gif image) that gets cut off. When I adjusted the height to 450px:

body #community-wrap div.greybox div div div.loginform {
background: url("../images/greybox-separator.gif") no-repeat scroll 0 0 transparent;
float: right;
height: 450px;
padding: 20px 15px 20px 30px;
width: 270px;
}

It pushes the links under the login button (forgot password, forgot username etc) way down the page. See screen shot. How do I fix so the image displays correctly at 450px in height and the links show up where they should under login button.

image height.jpg

Thanks for your help.

Hi
Can you give us url to your site ?

Here you go! http://bit.ly/wznZH8

The links should appear below the login button. Thanks for your help

Remove this rule you added and try add to override.css

Code: Select all

.greybox .cFrontpageSignup {
height:450px !important;
}


of course remember to enable override.css option in template settings.

Konrad,

Thank you, Perfecto! Fixed

I'm glad I could help.