Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

css problem WordPress

  • SOLVED

The 'View It!' and 'Buy It!' buttons on http://lovegoldcoastdeals.com.au/gold-coast-deals/gold-coast-accommodation-deals/ aren't the same height in some browsers. We would like them displaying along side each other and each of the same height. Can someone please find the CSS issue?

2012-01-08 by halijan

Answers (3)

2012-01-08

She Codes answers:

Please, try updating the declaration that I pasted:

.post .deals-loop-buy a {
display: inline-block;
height: 24px;
font-weight: bold;
font-size: 17px;
line-height: 24px;
text-transform: capitalize;
}

2012-01-08

Manoj Raj answers:

Try this

.post .deals-loop-buy a {
font-size: 17px;
font-weight: bold;
text-transform: capitalize;
float: left;
display: inline-block;
margin-left: 4px;
height: 21px;
position: relative;
}

2012-01-08

Arnav Joy answers:

find following css code

.view-it-button {
background-color: #F3F3F3;
color: black;
padding: 8px;
}
in your style.css(line no.1276)

path is

http://lovegoldcoastdeals.com.au/wp-content/themes/blank-child-theme/style.css

and make it as
.view-it-button {
background-color: #F3F3F3;
color: black;
padding: 10px; // padding to 10px
}