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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | 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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | 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