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?

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
}