Help with css please

[lambert]

Hi

Please have a look at the following page: http://onlinetravel.co.za/destinations/americas-page/

I have a search area at the top of the page, and for the life of me I cannot get it centered in the area

I have used the following css:

.is-desktop .uwpqsf_submit {

    text-align: left !important;

    margin-bottom: 0;

    margin-top: 3%;

}

.is-desktop  #uwpqsf_id {

    border: none !important;

}

.is-desktop .uwpqsf_class > label {

    float: left !important;

    width: 100% !important;

    font-weight: bold;

    margin-bottom: 3%;

    margin-top: 2%;

}

.is-desktop .uwpqsf_class{

width:19% !important;

float:left !important;

clear:none !important;

display:inline !important;

margin-right:1% !important;

}

Any help would be appreciated

Many tanks Lambert

[scrambler]

it is centered, you have given each block a 19% width and they spread across.

But the last item which is just a search button does not fill that 19% space leaving empty space.

if what you want is for that last button to be as wide as the others, use

.uwpqsf_submit input {width:100%;}

If not then you need to make the first 4 blocks larger and the last one smaller (first four 22% and last one 7.5%)

[lambert]

Perfect, thank you 🙂

[Author]

Posts