Solved

How do i move the Star review badge onto the same line as Price?

Aplussa
Visitor
3 0 0

Im using the Sense theme and im wondering how i move the reviews so they are on the same line/ next to the price.

7fce3213-0616-4759-87ce-b543bc30f518.png

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
1850 522 401

This is an accepted solution.

Hey @Aplussa,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media only screen and (min-width: 990px) {
    div.no-js-hidden[role="status"] {
        display: inline-block !important;
    }
    
    .product__tax.caption.rte {
        display: none !important;
    }
    
    div:has(>form.installment) {
        display: none !important;
    }
    
    div.shopify-app-block:has(>.jdgm-widget) {
        display: inline-block !important;
        margin-left: 10px !important;
    }
    
    div .jdgm-prev-badge {
        display: flex !important;
        gap: 2px !important;
    }
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710952700055.jpeg

 

 

It will remain in the same line as long the display has space 

ThePrimeWeb_1-1710952756729.png

 

Once there isn't enough space, it'll drop down to the next line again

ThePrimeWeb_2-1710952773351.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 3 (3)

ThePrimeWeb
Shopify Partner
1850 522 401

Hey @Aplussa,

 

Can you share the link to your store? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Aplussa
Visitor
3 0 0

 do you know how to fix this?

ThePrimeWeb
Shopify Partner
1850 522 401

This is an accepted solution.

Hey @Aplussa,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media only screen and (min-width: 990px) {
    div.no-js-hidden[role="status"] {
        display: inline-block !important;
    }
    
    .product__tax.caption.rte {
        display: none !important;
    }
    
    div:has(>form.installment) {
        display: none !important;
    }
    
    div.shopify-app-block:has(>.jdgm-widget) {
        display: inline-block !important;
        margin-left: 10px !important;
    }
    
    div .jdgm-prev-badge {
        display: flex !important;
        gap: 2px !important;
    }
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710952700055.jpeg

 

 

It will remain in the same line as long the display has space 

ThePrimeWeb_1-1710952756729.png

 

Once there isn't enough space, it'll drop down to the next line again

ThePrimeWeb_2-1710952773351.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!