[hym4]

Hello,

I want to hide the Print button from legal pages using CSS. I looked in the knowledge base but didn't find any reference to it.

[Cyril D]

Hello there!

This is Cyril, Ecwid Customer Care team.

Originally Posted by hym4

I want to hide the Print button from legal pages using CSS. I looked in the knowledge base but didn't find any reference to it.

To hide the "Print" button from all Legal Pages, add the following CSS code to your store CSS theme:

/* Hide the "Print" button from the Legal Pages — BEGINNING */

 .ec-size .ec-store.ec-store__legal-page .ec-page-button--print { display: none; }

/* Hide the "Print" button from the Legal Pages — END */

Just in case, here's how to add a CSS code to your Ecwid store:

• Adding CSS codes to the store

I hope this helps!

[hym4]

Great, it works! Thanks Cyril.

[ValeriiM]

Originally Posted by Cyril D

Hello there!

/* Hide the "Print" button from the Legal Pages — BEGINNING */

 .ec-size .ec-store.ec-store__legal-page .ec-page-button--print { display: none; }

/* Hide the "Print" button from the Legal Pages — END */

I hope this helps!

Hi! This code doesn't work.
Maybe there's another code?

[Terry D]

Originally Posted by ValeriiM

Hi! This code doesn't work.
Maybe there's another code?

Hi Valerii,

This is Terry from Ecwid Team. Thanks for reaching us out!

I checked your Ecwid Admin > Design > Custom CSS theme and found one code without a closing curly brace:

/*Убрать время доставки из корзины*/
span.ecwid-shippingOption-days, span.ecwid-Invoice-ShippingDetails-transitTime {
display:none !important;

That’s why the codes you’ve pasted after this CSS code don’t work on your site.

So, please, add “ } “ after that code. Please, check my screenshot: https://ecwid.d.pr/GYeU0O

After that, you can hide the Print button from your Legal Pages with the help of this CSS code:

/* Hide the "Print" button from the Legal Pages — BEGINNING */

 .ec-size .ec-store.ec-store__legal-page .ec-page-button--print { display: none; }

/* Hide the "Print" button from the Legal Pages — END */

Please follow my instructions on how to apply this code:

— Open your Ecwid Control Panel > Design.
— Click the Edit Theme button.
— Insert the code to your active CSS theme under your current codes.
— Click the Save button.

As a result, the Print button will be hidden from your Legal Pages.

Hopefully, it helps. Feel free to contact us if any questions arise.