Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #971462

    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, 5 months ago by stevegjacobs.
    #972054

    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

    #972712

    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

    #973108

    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

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