I chose the css buttons and I would like to reposition some of them, because they overlap other text, as can be seen in the following image. They are the "buy now" and "sold out" ones, but I changed the text in"bestel" and "uitverkocht"
I tried to adapt the css by using margin-bottom (and a lot of others) but that didn't have any effect on these specific buttons.
Can somebody please tell me how can I repositon this button and/or the text below and/or above it?
my css:
Code:/* css buttons */ .cssButton, .cssButtonHover { width : 20em; /* anjo was 20em */ background-color: #F4F4F4; /* anjo was F4F4F4 */ color : #5078D8; /* anjo was 000000 */ border: 2px outset #F4F4F4; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 1em; /* anjo was 1.1em */ text-align:center; white-space: nowrap; text-decoration: none; font-weight: bold; padding: 0.3em; /* anjo was padding 0.3em */ /*border-spacing: 1px;*/ /*margin-left: auto; margin-right: auto;*/ /*display: block;*/ /*vertical-align: top;*/ /*line-height: 130%;*/ /*cursor: pointer;*/ } .cssButtonHover { color: #B05E5E; /* was #006600 anjo */ border-style: inset; text-decoration: none; } /* adding the styles below might be needed if the default button width is changed */ /* .button_continue_shopping, .button_shipping_estimator {width: 150px;} */ .small_delete, .button_prev, .button_next, .button_search {width: 7em;} .button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout, .button_login {width: 10em;} .button_return_to_product_list, .button_add_selected {width: 22em;} .button_in_cart{width: 19em;} .button_submit {width: 19em;} .button_update_cart {color: red;} .button_update_cartHover {color: #005C5B;} /* anjo was #003D00 */ /*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/ /* anjo .button_buy_now, .button_buy_nowHover{ margin-bottom: -10px; } */





