How to edit position of give buttons

Hey @karsten007 – it looks like you need some CSS help for the donate button and then to horizontally align the fields. Can you post a link to your form? I can provide some basic styles to get it looking more like that for you.

Hi Devin, yes, it would be very helpful if you could provide some basic styles. I also know a little bit of CSS so together we will achieve.

Here is the link to my form.

And here is the look I want to achieve

Thank you

Karsten

Hi Devin, yes, it would be very helpful if you could provide some basic styles. I also know a little bit of CSS so together we will achieve.

Here is the link to my form.

Thank you

Karsten

Hey @karsten007 – good to know you have some CSS experience ?? I’ve taken a look again and this should get your on the way styling the button and aligning the elements horizontally:

form[id*=give-form] select.give-select-level { float:left; clear:none; }
form[id*=give-form] .give-total-wrap { float:left; margin: 0 10px 0 0; }
[id*=give-form] input.give-btn, [id*=give-form] a.give-btn {     
    background: #e85441;
    background: -moz-linear-gradient(top, #e85441 0%, #cb3724 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e85441), color-stop(100%, #cb3724));
    background: -webkit-linear-gradient(top, #e85441 0%, #cb3724 100%);
    background: -o-linear-gradient(top, #e85441 0%, #cb3724 100%);
    background: -ms-linear-gradient(top, #e85441 0%, #cb3724 100%);
    background: linear-gradient(to bottom, #e85441 0%, #cb3724 100%);
    box-shadow: inset 0 -4px 0 #a02b1c; 
}

Hi Devin, thank you very much. This is very helpful.

I think the final CSS adjustments should be no problem for me.

Regards,

Karsten

Great! Thanks @karsten007

If you like our plugin / support please consider giving it a rating: https://www.ads-software.com/support/plugin/give/reviews/