What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: 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 515

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 515

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 515

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 515

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 515

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
1176 169 172

@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
1176 169 172

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