Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 12, 2018 at 1:01 am #971462
    stevegjacobs

    Hi
    I want to thank you for a great theme and for all the help I’ve gotten so far. I have an unusual request that I am not sure you can help me with.I’m building a site for an antique shop. They want to move a button on the single product page. Please see this page for an example:
    https://staging2.dankerantiques.com/product/irish-silver-cream-jug/
    There is a ‘Purchase Item’ and a ‘Make an Enquiry’ button. My customer wants them to be on one line, to move the ‘Make an Enquiry’ button from below the purchase button to the rightof it. I don’t know if this can be done, as they are generated from two different plugins, and then laid out in the theme. Any advice on fixing this minor layout issue would be appreciated.

    Thanks
    Steve

    • This topic was modified 6 years, 6 months ago by stevegjacobs.
    June 13, 2018 at 6:32 am #972054
    Rikard

    Hey stevegjacobs,

    Please try the following in Quick CSS under Enfold->General Styling:

    .single .price {
    display:block;
    width:100%;
}

.single form.cart {
    display: inline-block;
    float: left;
}

.single #enquiry {
    display: inline-block;
}

    Best regards,
    Rikard

    June 14, 2018 at 9:35 am #972712
    stevegjacobs

    Hi Rikard,
    Thanks for this. This is on the right track but not exactly correct yet. This code puts the purchase button to the left of and on the same line as the price, and the enquiry button below. I played around a little with other floats but I haven’t gotten it the way I want it – price and shipping on one line, two buttons below on the next line.
    You can see what it looks like now at the same url.
    Steve

    June 15, 2018 at 6:48 am #973108
    Rikard

    Hi,

    Thanks for the feedback. Please try this instead:

    .single .price {
    display:block !important;
    width:100% !important;
    min-width:100% !important;
}

.single form.cart {
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

.single #enquiry {
    display: inline-block;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.