Docs

[muckymonsterclub]

Hi There,

I am having a few issues with the alinement of the quantity input and the add to cart button on my product page:

http://www.muckymonsterclub.com/product/september-classes/

I would like them both to be side by side and an equal distance from the dropdown menu above and for the life of me I cannot get them to where I want them. (just spent roughly 5 hours combing this forum and google for some CSS to help me out to no avail).

I you could point me in the right direction that would be awesome as ! can feel the grey hair growing on my head;)

The add to cart button also had a white font with no drop shadow which now it has a drop shadow but no white fill, what would be the best way to getting back to the original white flat font on the green/blue button

many thanks
tom

[Christopher]

Hi there,

Please update this code :

@media (min-width: 980px){
button.single_add_to_cart_button {
    margin-top: 40px;
}
}

To :

@media (min-width: 980px){
button.single_add_to_cart_button {
    float: right;
    margin-left: 10px;
color: #fff !important;
    text-shadow: none;
}
}

Hope it helps.

[muckymonsterclub]

This reply has been marked as private.

[Christian]

Hey Tom,

Looks like you’ve added the code and not change it like the instruction given.

Change

@media (min-width: 980px){
button.single_add_to_cart_button {
    margin-top: 40px;
}
}

to

@media (min-width: 980px){
button.single_add_to_cart_button {
    float: right;
    margin-left: 10px;
color: #fff !important;
    text-shadow: none;
}
}

You also have unclosed media query (see attachment). Please seek help from a web developer to fix the CSS error for you.

Thanks.

[Author]

Posts