Home › Forums › WordPress › Web Invoice – Invoicing and billing for WordPress › Print Invoices
- This topic has 22 replies, 2 voices, and was last updated 14 years, 1 month ago by S H Mohanjith.
-
AuthorPosts
-
February 21, 2010 at 17:06 #4870S H MohanjithMember
You can add any style changes to your theme css file such that you don’t need to edit plugin CSS files.
February 21, 2010 at 17:13 #4873Al.MemberI always search the forum before asking a question. For my information what search phrase would have got me the answer to this question?
February 21, 2010 at 17:16 #4876S H MohanjithMemberI meant you could have searched the files for the phrase.
February 21, 2010 at 19:08 #4879Al.MemberThe css I need to change is in how the invoice is displayed as it shows up grey boxes using #EFEFEF where the items are listed and and therefore blanks out the text making it invisible.
I have been editing web-invoice/css/web_invoice-screen.css
#invoice_page #web_invoice_itemized_table .alt_row {
background: #000000
#invoice_page #web_invoice_itemized_table th {
background: #000000
So do you mean that I can edit these on the theme css? Would you happen to know where?
February 21, 2010 at 20:39 #4882Al.MemberUpon studying the code a bit further, and forgive me I am no coder. It looks like the item lines on the invoice display page are alternating between class for css and not.
So Item 1 Has css class and Item 2 doesnt. Item 3 has css class and Item 4 doesnt.
The problem I am having is that the items with class for css are causing the items 1, 3 etc to become grey and therefor invisible while the 2, 4 etc are fine as they have no class and are taking their background colour from my theme background.
So I am having to edit the display.php file now to remove the class from the files.
Please tell me how to get around this and having to do this every upgrade.
February 22, 2010 at 08:01 #4885S H MohanjithMemberIdeally theme css should be the last css file to be included, you can add the styles you need anywhere in the theme css instead of editing web_invoice-screen.css .
#invoice_page #web_invoice_itemized_table .alt_row {
background: #000000;
}
#invoice_page #web_invoice_itemized_table th {
background: #000000;
}Please try to read up on CSS to understand how it works, etc.
February 22, 2010 at 13:21 #4888Al.MemberThank you.
To avoid further conflict with the black 000000 if I change the theme colours I set it to background-color:transparent;
It now seems to work fine. Thanks
February 23, 2010 at 22:22 #4891S H MohanjithMemberClosing topic
-
AuthorPosts
- You must be logged in to reply to this topic.