CODEWITHSUNDEEP
htmlcss
fresher
fresher

Reputation: 911

move the buttons and text below using css

please visit link1 , here everything is fine.

enter image description here

please visit link2

here, 1)i want to move "Add to cart" and " buy now" buttton bit below.

also I want to display the text "Selling Price (Free Delivery )" below "RS 50".

I want to display link2 as like link1.

enter image description here

we are using following code :

.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;

Upvotes: 0

Views: 1334

Answers (4)

Pushp Singh
Pushp Singh

Reputation: 606

Never use the auto value until and unless it is mandatory, otherwise it will take the default height corresponding to the the height value that has been set to that particular division.

Better to give height in pixel(px) as this is dynamic value and can be fitted to any of the screen size.

In order to move you can use
tag 2 times.

I think this issue is due to missing of
tag. Just try to place
tag at after these two button to bring "Buy now" button at the end of the both button. Same thing is applicable to your test "Selling Price."

Just try and let me know, if the issue persist. Overall your code is correct.

Upvotes: 1

hossam.gamal
hossam.gamal

Reputation: 25

display table and height auto solution of you problem 

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

Upvotes: 1

Sowmya
Sowmya

Reputation: 26969

Add top margin to .product-options-bottom

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

enter image description here

Upvotes: 1

Rohit Azad Malik
Rohit Azad Malik

Reputation: 32182

your define height: 75px; in your .price-box please it's change into this

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

Upvotes: 2

Related Questions