- This topic has 6 replies, 3 voices, and was last updated 9 years, 3 months ago by
.
-
Posts
-
Hi there,
I am using Product Print Pro and I’m trying to change the CSS file so that the Description text sits in a coloured table.
I have used the CSS below, which seems to work with regards to setting the borders as black, but for some reason the background colour always remains white. Is there some other code somewhere that is taking priority?
Many thanks,
#productprint-description {
font-size:12px;
}#productprint-description table, td, th { /*** add table of attributes styling here ***/
border: 1px solid black;
background-color: #dedede !important;
}#productprint-description td, th {
padding-top: 1em;
vertical-align: top;
}#productprint-description td {
padding-left: 10px;
}Hi Stephen
Firstly did you mean
#productprint-description table, td, th {Or did you mean
#productprint-description table td, #productprint-description table th {and likewise
#productprint-description td, #productprint-description th {I think the 2nd in each case is what you want.
Make sure you make your edits in the plug-in’s own css file, rather than in the theme’s css file.
However if you want the coloured backgrounds to print, then you have to select this option in the printer dialog box, because most printers will default to not printing solid background colours. This can’t be gotten around from the plug-in because it’s a browser setting.
Yes, any amends you make to the plug-in’s CSS will get overwritten in an update. But updates are not automatic.
So there is no way to customize the styling without having to repeat it every time we do an upgrade? This site has something like 47 plugins and we manage over 100 sites, having to remember exactly which plugin requires re-work with every upgrade can be a nightmare.
The point of the plug-in is to produce well-styled printouts easily, just by using the dashboard settings. The dasbhoard settings are there to circumvent the need to edit css in the large majority of cases. They are your customised styling. They basically save your css edits into the database, and they won’t be screwed when you update. The printed output is consistent, whatever you do to your theme. However in some circumstances users need a little more tweaking and they can do this via the plug-in’s css file.
Whenever you make any edits to the code of a plug-in, it’s important to note down these changes as they will be removed by plug-in updating; the plug-in’s own css is no different.
- You must be logged in to reply to this topic.