2016-02-25 50 views
0

請訪問link1,這裏一切都很好。使用css移動下面的按鈕和文本

enter image description here

請訪問link2

這裏,1)我想移動 「加入購物車」 和 「立即購買」 按鈕移到下方位。

另外我想在「RS 50」下面顯示「售價(免費送貨)」文本。

我想顯示link2像link1一樣。

enter image description here

我們使用下面的代碼:

.product-ship .sell_price { 
    color: #848484; 
    font-size: 12px; 
    position: relative; 
    top: -130px; 
} 

product-view .add-to-cart button.button span { 
    float: left; 
    font-size: 16px; 
    font-weight: normal !important; 
    text-align: center; 
    text-transform: uppercase; 

回答

1

添加上邊距來.product-options-bottom

.product-options-bottom { 
    padding: 0; 
    margin-top: 45px; 
} 

enter image description here

+0

某些線路顯示RS 50與「售價(免費送貨)」 – fresher

+0

請檢查:http://prntscr.com/a7ov8h線對我來說 – fresher

+0

請在這裏幫我:http://stackoverflow.com/questions/37545936/display-background-color-for-page-align-texts-at-center – fresher

2

你定義你的.price-boxheight: 75px;它公司的C焊割入您的問題

.product-view .product-essential .product-shop .price-box 
{ 
display:table; 
height:auto; 
} 
+0

它顯示太多的差距Add to cart and RS 50 – fresher

+0

make height:80px;在你的.price-box – RRR

+0

非常感謝@Rohit – fresher

1

顯示錶和高度自動解決方案已設置爲該特定分區的高度值。

更好地給像素(px)的高度,因爲這是動態值,可以適應任何屏幕尺寸。

爲了移動您可以使用
標籤2次。

我覺得這個問題是由於缺少
標籤。試着在這兩個按鈕後面放置
標籤,以在兩個按鈕的末尾帶來「立即購買」按鈕。 同樣的東西適用於您的測試「售價」。

只要嘗試讓我知道,如果問題仍然存在。 總的來說你的代碼是正確的。

1

不要使用自動值之前,除非它是強制性的,否則將採取相應的默認高度此

.product-view .product-essential .product-shop .price-box{height:auto;}

+0

我在解決方案中提到了[
]標籤,但它沒有在那裏得到體現。因此,請嘗試使用[
]標記 –