make rich text 3 buttons next to eachother

[oworor]

I want 3 buttons side by side in the rich text block on my site: https://shop.myedspace.co.uk/pages/free-summer-school-myedspace

This is what it looks like: 

 I want it to be all next to eachother and the same size. how?

using studio theme by the way

[oscprofessional]

Hello @oworor 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.rich-text__buttons {
    display: inline-block;
    margin-left: 10px;
}
.rich-text__buttons--multiple>* {
    margin-right: 10px;
}

[oworor]

now they are on top of each-other.

I want them to be side by side:
like 

gcse (year10-11).      Year 12.           year 13

not like:
gcse
year 12

year 13

[oscprofessional]

Hello @oworor 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.rich-text__buttons {
    display: inline !important;
}
a.button.button--primary {
   padding: 0px !important;
}

[oworor]

great this works!
How can i add some spacing between the buttons though?
as they are all touching now

[oscprofessional]

Hello @oworor 

if the solution is helpful to you please accept and like also.