When I emulate the print media in the browser, the CSS for my images is there. However when I click the actual print button on my page to open the print dialog, the preview there (and printed version) ignore my print media CSS. Specifically the image sizing to reduce it to get the whole recipe onto a single page. I can’t for the life of me understand what it happening or what I am missing?
Hello @stuartborders,
Thanks for writing in!
Do you want to print the page like this?
Please remove your custom CSS from Appearance > Customize > Additional CSS. You need to add the CSS code into X > Theme Options > CSS .
This is the CSS code I found in your site:
@media print {
.x-main.left {
width: 35% !important;
}
.x-sidebar.right {
width: 60% !important;
}
}
We would love to know if this has worked for you. Thank you.
That did work. I didn’t see that and didn’t think to ever check there. I never use that area, but I remember now having to use it to overwrite the base styling rather than in my child style sheet. thanks for the help!
You’re welcome 
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.