Move item up and align icons with text

Solved
FindWorld
Explorer
145 6 68

Hello Community,

I added this to my theme and I'm not able to adjust it like this in the second image, could someone help me?
I have a lot of difficulty when it comes to moving items, thank you and sorry for the inconvenience.

FindWorld_0-1625393535624.png

 

 

FindWorld_0-1625392959594.png

My Store: Findworld.com.br
Password: edit321

dmwwebartisan
Shopify Partner
7361 1742 2329

This is an accepted solution.

@FindWorld 

Please add the following code at the bottom of your assets/theme.css file for align icons.

.line-info .icon{
height: 40px;
line-height: 68px;
}

For the 2nd task. You have to edit the HTML and liquid to move it up.

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
FindWorld
Explorer
145 6 68

thanks for the help friend, can you tell me what I should do for him to be by the side?

FindWorld
Explorer
145 6 68

Friend, I managed to move up, can you help me?

FindWorld_2-1625394539735.png

I would like to leave it like this:

FindWorld_1-1625394526530.png


@dmwwebartisan thanks.



 

dmwwebartisan
Shopify Partner
7361 1742 2329

@FindWorld 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 749px){
div.box-footer.large > div:nth-child(2) {
    padding: 0px !important;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
FindWorld
Explorer
145 6 68

@dmwwebartisan 

I added and it looked like this

FindWorld_1-1625397518145.png

 

 

dmwwebartisan
Shopify Partner
7361 1742 2329

@FindWorld 

Strange. Here is on my side.

findalign.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
FindWorld
Explorer
145 6 68

Yes buddy, it's on the right side, but look how these red places are.

 

FindWorld_0-1625398092555.png

 

I would like to leave it like this

FindWorld_1-1625398133914.png

 

 

0 Likes
FindWorld
Explorer
145 6 68

Dali Relógios (dalirelogios.com.br)

I'm using an example from this store

dmwwebartisan
Shopify Partner
7361 1742 2329

This is an accepted solution.

@FindWorld 

Please add the following code.

@media only screen and (min-width: 749px){
div.box-footer.large > div:nth-child(1) {
    width: 40%;
    margin-right: 50px;
}
div.box-footer.large > div:nth-child(2) {
    width: 60%;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →