Post by stq137 » Mon Sep 28, 2020 8:57 pm

Hello all
i'm using OC 3.0.3.2
i'm trying to modify invoice tables style (border thikness and color).
i modify some css code in
admin/view/stylesheet/bootstrap.css

Code: Select all

.table {
    border-collapse: collapse !important; }
    .table td, .table th {
      background-color: #fff !important; }

  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd !important; } }
but i got no result

help needed!!

Newbie

Posts

Joined
Sun Mar 15, 2020 1:23 am

Post by letxobnav » Mon Sep 28, 2020 10:30 pm

don't edit your bootstrap.css, certainly not in admin.

Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan

Post by stq137 » Mon Sep 28, 2020 11:24 pm

letxobnav wrote:
Mon Sep 28, 2020 10:30 pm
don't edit your bootstrap.css, certainly not in admin.
But the HTML for the invoice is on
admin/view/template/sale/order_invoice.twig
and the code says

Code: Select all

<link href="view/javascript/bootstrap/css/bootstrap.css" rel="stylesheet" media="all" />
which i did already try to edit from there too!!

so can you direct me exactly from where can i edit the invoice tables style??

Newbie

Posts

Joined
Sun Mar 15, 2020 1:23 am

Post by letxobnav » Tue Sep 29, 2020 12:21 am

That one you may edit

Not this one:

Code: Select all

admin/view/stylesheet/bootstrap.css
As this one is generated using SASS.

Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan

Post by stq137 » Tue Sep 29, 2020 12:43 am

letxobnav wrote:
Tue Sep 29, 2020 12:21 am
That one you may edit

Not this one:

Code: Select all

admin/view/stylesheet/bootstrap.css
As this one is generated using SASS.
i did try to modify from admin/view/javascript/bootstrap/css/bootstrap.css
but the classes (.table) (.table-bordered) are mentioned there too many times and i did try to edit them one by one at a time but i got no result !!

Newbie

Posts

Joined
Sun Mar 15, 2020 1:23 am

Post by letxobnav » Tue Sep 29, 2020 1:30 am

css is browser cached so clear that.

Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan

Post by stq137 » Tue Sep 29, 2020 3:36 am

letxobnav wrote:
Tue Sep 29, 2020 1:30 am
css is browser cached so clear that.
Thanks for the note ::)

so i found the exact code for the invoice table style

Code: Select all

.table-bordered {
  border: 1px solid #333;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #333;
}

Newbie

Posts

Joined
Sun Mar 15, 2020 1:23 am

Post by stq137 » Tue Sep 29, 2020 4:15 am

when i changed the color from #ddd to #333 i can see the result on screen, but when i print the invoice the color goes back to #ddd

do have any idea about this issue??

Newbie

Posts

Joined
Sun Mar 15, 2020 1:23 am

Post by OSWorX » Tue Sep 29, 2020 5:45 am

While we are writing the Year 2020, better to use inline styes for this purpose instead external css.

Custom Development | Individuelle Entwicklung | Support & Bugfixes

Image Image Image


User avatar
Guru Member

Posts

Joined
Mon Jan 11, 2010 10:52 pm
Location - Austria

Post by letxobnav » Tue Sep 29, 2020 11:03 am

actual printing is more between your browser and your printer drivers I think.
I never got that to work, then again, a color invoice is not worth the effort.

Some use this:
https://chrome.google.com/webstore/deta ... ated?hl=en
to take screenshots of the invoice and print it as an image.

Crystal Light Centrum Taiwan
Extensions: MailQueue | SUKHR | VBoces

“Data security is paramount at [...], and we are committed to protecting the privacy of anyone who is associated with our [...]. We’ve made a lot of improvements and will continue to make them.”
When you know your life savings are gone.


User avatar
Expert Member

Posts

Joined
Fri Aug 18, 2017 4:35 pm
Location - Taiwan
Who is online

Users browsing this forum: pprmkr and 33 guests