Solved

Move price and text from card_information in line with quick view.

BERNAT-LASDUNAS
Tourist
16 0 3

Hello, 

I'm trying to move price and text from card_information in line from Quick view. Where I draw the white line. 

Url: https://www.lasdunasbyron.com/collections/unisex

Thanks for your time and help

 

Screen Shot 2023-10-04 at 9.11.11 am.png

Accepted Solution (1)

websensepro
Shopify Partner
1014 139 147

This is an accepted solution.

Hi, @BERNAT-LASDUNAS.

 

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

 

.card__information {
    display: flex;
    align-items: center;
}

.card-information {
    width: auto;
}

.card__content {
    align-items: center;
}

.card__heading {
    padding: 0 10px;
    margin-top: 8px;
}

.card__content {
    display: flex !important;
    flex-direction: row;
    margin-top: 10px !important;
    justify-content: space-between;
    padding: 5px 15px !important;
}

 

Result:

websensepro_0-1696416744568.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

Replies 3 (3)

SideNode
Shopify Partner
159 38 42

hi @BERNAT-LASDUNAS 

May this help you.

1: Go to online store > themes > Actions > Edit code > ASSESTS > base.css Add this code at the bottom.

.card-wrapper .card__content {
    flex-direction: unset!important;
    justify-content: space-evenly;
}

SideNode_0-1696395167867.png

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode

 

 

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION

websensepro
Shopify Partner
1014 139 147

This is an accepted solution.

Hi, @BERNAT-LASDUNAS.

 

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

 

.card__information {
    display: flex;
    align-items: center;
}

.card-information {
    width: auto;
}

.card__content {
    align-items: center;
}

.card__heading {
    padding: 0 10px;
    margin-top: 8px;
}

.card__content {
    display: flex !important;
    flex-direction: row;
    margin-top: 10px !important;
    justify-content: space-between;
    padding: 5px 15px !important;
}

 

Result:

websensepro_0-1696416744568.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

SideNode
Shopify Partner
159 38 42

hi @BERNAT-LASDUNAS 

May this help you.

1: Go to online store > themes > Actions > Edit code > ASSESTS > base.css Add this code at the bottom.

 

.card-wrapper .card__content {
    flex-direction: unset!important;
    justify-content: space-evenly;
}

 

SideNode_0-1696395167867.png

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode

 

 

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION