Move "Report" on Product Review

Highlighted
Tourist
16 0 2

Hello,

 

I cannot see a place in the code to edit the Product Review display so having to ask. I want to move the "report" button to the top as its adding so much padding. It's the free Shopify app.

 

Thanks in advance!

 

Screenshot 2020-03-25 at 17.46.18.png

0 Likes
Highlighted
Hello case_,
You have to manage that button using css if you are using app.
Please share your site url.
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
16 0 2
www.squirrp.com

Thanks
Paul
0 Likes
Highlighted

@Case_ ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

#shopify-product-reviews .spr-review {
    display: flex;
    flex-direction: column;
}
#shopify-product-reviews .spr-review-header {
    order: 2;
}
#shopify-product-reviews .spr-review-footer {
    order: 1;
}
#shopify-product-reviews .spr-review-content {
    margin-bottom: 0;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
16 0 2

@oscprofessional wrote:

@Case_ ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

#shopify-product-reviews .spr-review {
    display: flex;
    flex-direction: column;
}
#shopify-product-reviews .spr-review-header {
    order: 2;
}
#shopify-product-reviews .spr-review-footer {
    order: 1;
}
#shopify-product-reviews .spr-review-content {
    margin-bottom: 0;
}

Thanks, 

 

It reordered everything into some odd - so I just hide the footer.

 

Thanks anyway

 

Paul

0 Likes