Table styling

This topic contains 6 replies, has 3 voices, and was last updated by  togethernet 4 years, 5 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #736

    Stephen Mattey
    Participant

    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;
    }

    #737

    togethernet
    Keymaster

    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.

    #746

    Stephen Mattey
    Participant

    Thank you for coming back to me on this.

    This has resolved the problem – thank you for your support

    #951

    Mona Moore
    Participant

    If I edit the plugin’s CSS file, won’t that get overwritten during an update?

    #953

    togethernet
    Keymaster

    Yes, any amends you make to the plug-in’s CSS will get overwritten in an update. But updates are not automatic.

    #968

    Mona Moore
    Participant

    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.

    #969

    togethernet
    Keymaster

    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.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.