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

Store Design
, ,
1

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.

NickyTran_0-1703919664236.png
NickyTran_0-1703919664236.png1753×826 152 KB

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

1 Like
2

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

3

@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;
}
1 Like
4

That is Event page

1 Like
5

@NickyTran , Check my other reply.

1 Like
6

Hello @NickyTran ,

  1. Go theme edit image with text file.

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

iffikhan30_0-1703920770019.png
iffikhan30_0-1703920770019.png1698×816 189 KB


    

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

It works! thanks sir!

1 Like
8

thanks very much !

1 Like
9

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

10

ah nevermind, I also got it worked!