Solved

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

NickyTran
Shopify Partner
7 0 4

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

 

 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

 

Accepted Solution (1)

Abdosamer
Shopify Partner
821 146 161

This is an 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;
}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio

View solution in original post

Replies 9 (9)

Abdosamer
Shopify Partner
821 146 161

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

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
NickyTran
Shopify Partner
7 0 4
That is Event page
Abdosamer
Shopify Partner
821 146 161

@NickyTran , Check my other reply.

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
NickyTran
Shopify Partner
7 0 4

It works! thanks sir!

Abdosamer
Shopify Partner
821 146 161

This is an 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;
}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
NickyTran
Shopify Partner
7 0 4

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

NickyTran
Shopify Partner
7 0 4

ah nevermind, I also got it worked! 

iffikhan30
Shopify Partner
237 35 43

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

 

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

add style 
{% style %}
.btn-group > a {
    margin-right: 1rem;
}
{% endstyle %}
Custom theme and app [remix] expert.
Buy me a Coffee
Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp
NickyTran
Shopify Partner
7 0 4

thanks very much !