We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Removing or Changing the Color of Space between Sections

Solved

Removing or Changing the Color of Space between Sections

3DForge
Tourist
7 0 1

hallo 🙂

I just installed the App "Opinew Product Reviews" and wanted to implement it into my Product Pages.

Now i have the Probem that whenever i implement it there are weird White Lines above and beyond the Review Block. The Size of these Spaces is already set to 0 in the Layout options. Is there any Way to remove them or atleast set them to the Yellow Background Color?
Best Regards

Screenshot_1.png

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2139 616 529

This is an accepted solution.

Hey @3DForge,

 

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>
section:has(#opinew-reviews-product-page-code) {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
</style>

 

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

ThePrimeWeb_0-1707738824736.jpeg

 

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 10 (10)

ThePrimeWeb
Shopify Partner
2139 616 529

Hey @3DForge,

 

Can I have the link to your store? 

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!
3DForge
Tourist
7 0 1

Sure heres the Link : https://3dforge.org/products/nintendo-switch-joycon-single-halter
Although its currenty Password Protected.
Is there any way i can dm you the Password? I pretty new here

ThePrimeWeb
Shopify Partner
2139 616 529

Hey @3DForge,

 

You can disable it for now or just drop the password here and then change it after the issue is solved.

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!
3DForge
Tourist
7 0 1

Alright i changed it to "test123" for now ^^

ThePrimeWeb
Shopify Partner
2139 616 529

This is an accepted solution.

Hey @3DForge,

 

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>
section:has(#opinew-reviews-product-page-code) {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
</style>

 

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

ThePrimeWeb_0-1707738824736.jpeg

 

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!
3DForge
Tourist
7 0 1

Thank you so much that worked ^^
Thanks for the fast help, when im home ill buy you a coffee 😉

ThePrimeWeb
Shopify Partner
2139 616 529

Thank you, that’s generous! Good luck with your store 🙂

 

 

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!

webwondersco
Shopify Partner
1204 172 173

@3DForge hope you are doing well.

 

could you please share your store URL?

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
3DForge
Tourist
7 0 1

Hello ^^
Yeah the Store URL is https://3dforge.org/products/nintendo-switch-joycon-single-halter
and the Password is "test123" for now

webwondersco
Shopify Partner
1204 172 173

Please add the below line of CSS just before the closing tag of </body> in your theme.liquid file.

 

<style>
body #opinew-app-container [data-v-7d829004],
body #opinew-app-container [data-v-21bc604b]{
    background:#f7c873;
}
</style>

 

Result:

webwondersco_0-1707738949637.png

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram