I want to put two buttons same line for my shopify store

[NickyTran]

Hey everyone! 

I am currently designing a shopify web store for our project! 

I would like to put two buttons same line, currently they are sitting on seperate lines. 

 if some is experienced on this, please help me  to edit it. I am currently using Dawn theme. Thank you so much in advance! 

My shopify store is https://kilikanoon.myshopify.com/pages/event and password: tranjames

[Abdosamer]

Hi @NickyTran , the screenshot you provided located on which page?

[NickyTran]

That is Event page

[Abdosamer]

@NickyTran , Check my other reply.

[NickyTran]

It works! thanks sir!

[Abdosamer · Accepted solution]

@NickyTran , go to component-image-with-text.css and add the following code :

.image-with-text__content .image-with-text__text+.button {
    position: relative !important;
    top: 6.6rem !important;
    left: 20rem !important;
}

[NickyTran]

is there anyway to reverse position of two buttons? as I want the  number button sit on the right side

[NickyTran]

ah nevermind, I also got it worked! 

[iffikhan30]

Hello @NickyTran ,

1) Go theme edit image with text file.

2) Add btn-group div both on anchor tag like this.

<div class="btn-group">
    <anchor code 1>
    <anchor code 2>
</div>

add style 
{% style %}
.btn-group > a {
    margin-right: 1rem;
}
{% endstyle %}

[NickyTran]

thanks very much !