html - 使用CSS在适当的位置显示文本和按钮

Question

访问link1 ， 没关系。但是访问link2存在一些问题

1) 在第二个链接中，巨大的差距 b/w 25 卢比和“售价 + 10 卢比送货”，添加到购物车并立即购买按钮。

2) 也只有文本“关闭” 可见，“50”进入了“检查交货可用性”框。 50 及以下应该可见

我们正在使用这段代码:

.wk_mp_design .sell_price {  display: none;}
.wk_mp_design .label.yousave_label {display: none;}
.wk_mp_design .old-price .price {color: #a0a0a0;font-size: 12px;font-weight: bold;}
.wk_mp_design .you_save_price {color: green;font-size: 11px;font-weight: bold;}
.wk_mp_design .you_save_price::after {content: "OFF";}
.wk_mp_design .special-price .price {color: #000;font-size: 13px;font-weight: bold;}
.wk_mp_design .regular-price .price {color: #000;font-size: 13px;font-weight: bold;}
.wk_mp_design .special-price {border-top: 1px dotted #ccc;clear: both;}
.wk_mp_design .You_savee {float: right;position: relative;top: -49px;}
.wk_mp_design .You_savee .special-price.yousave {border: medium none;}
.wk_mp_design .desc.std {border-top: 1px dotted #ccc;}
.wk_mp_design .mrp {display: none;}

Answer 1

1> height is the issue; use this

.product-view .product-essential .product-shop .price-box {
    padding-bottom: 0 !important;
    height: 75px;
}

2> top value is the issue; use this

.Quick .You_savee {
    border: 1px solid #ccc;
    border-radius: 37px;
    color: green;
    left: 151px;
    padding: 0;
    position: relative !important;
    top: -70px !important;
    width: 49px;
}

if above classes are used in multiple places just override these classes