Using Element CSS to add space between radio buttons in horizontal format

[alivslcm]

Hello,
I am using a plugin for donations on the website I am building for a children’s museum, and the radio buttons for donation amounts are all bunched together and in a horizontal orientation. I’d like to use Element CSS in my X Theme to give a little bit of space between each of the amounts, but everything I have tried is not working so far so I haven’t quite gotten a handle on how to select items using Element CSS in X Theme. I’d greatly appreciate some help! Thanks!

[ruenel]

Hey Alexandra,

Thanks for writing in!

Using your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the page.

Check out this video demonstration:

Dev Tools demo

Based from your donation page, the code viewed will be this:

With the help of the class selector horiz, you can add at least 10 pixels as the margin right of the prices.

.selector-name {
    margin-right: 10px;
}

Best Regards.

[alivslcm]

Thank you! I was not grabbing the correct selector, but I just went in and used “horiz” and it worked! Thank you so much!

[tristup]

Hi Alexandra,

Glad that it is resolved now.

Thanks