0
Invoice Manager - Online Invoice Payment Tabs Display Failure Please Advise
I have installer Invoice Manager (latest version) into a Joomla website 3.4.3 and I cannot get the online invoice - payment option tabs to display corrtectly when in desktop mode. ie the layout has overlapped tabs which render the contents un-readable.
I have installed the alternative invoice file (form.joomla3x(1)) as directed but no difference.
See screen-shot-1
I am using a 29" monitor which is sufficient to see any size image / form; however the invoice does display correctly when viewed in mobile or mobile responsive format.
See screen-shot-2
Please advise - Thanks for your assistance... G Fitch
I have installer Invoice Manager (latest version) into a Joomla website 3.4.3 and I cannot get the online invoice - payment option tabs to display corrtectly when in desktop mode. ie the layout has overlapped tabs which render the contents un-readable.
I have installed the alternative invoice file (form.joomla3x(1)) as directed but no difference.
See screen-shot-1
I am using a 29" monitor which is sufficient to see any size image / form; however the invoice does display correctly when viewed in mobile or mobile responsive format.
See screen-shot-2
Please advise - Thanks for your assistance... G Fitch
Attachments:
Responses (16)
-
Accepted Answer
-
Accepted Answer
-
Accepted Answer
-
Accepted Answer
-
Accepted Answer
-
Accepted Answer
-
Accepted Answer
-
Accepted Answer
0Hello Phuzzzed.
I have dropped a copy of the stylesheet here for you to download.
http://fitchmarketing.com/invoice_css/styles.zip
Check out line 212 for the formatting around the "Invoice" entries, I believe the border and padding dimentions relate to the problem. In any event if you replace your existing styles.css ( components/com_invoices/assets/styles.css ) withg this version, you should solve the issue.
Hope this helps. Cheers Gordon -
Accepted Answer
0Thanks GFitch!
I did a compare and the change is the below css that is bold. I'm posting in case your link goes down and someone has this problem again. My tabs are now working correctly.
dl.tabs dt {
float: left;
padding: 4px 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-left: 3px;
background: #f0f0f0;
color: #666;
clear: none;
height: inherit; -
Accepted Answer
0Hello,
I am new to the Invoice Manager. I am facing the same problem. I have changed the following however it has not adjusted I still have that clear icon:
https://nwdecorativepainting.com/index.php?option=com_invoices&view=payment&id=3
If you could please point out to the right direction. Thank you! -
Accepted Answer
0Germinal Camps wrote:
sorry.. where? I can't see it...
Sorry, it looks like the SSL certificate had expired today. I had to have it renewed.
Here is the link: https://nwdecorativepainting.com/index.php?option=com_invoices&view=payment&id=3
http://prntscr.com/dx03gk
Thank you! -
Accepted Answer
-
Accepted Answer
-
Accepted Answer
0Germinal Camps wrote:
oh well, but this is only CSS styling.. try:
dl.tabs dt.open {
background: none !important;
}
Apparently, today when I checked it out it seems as it's still the same
http://prntscr.com/eb9t4z
Link to Invoice: https://nwdecorativepainting.com/index.php?option=com_invoices&view=payment&id=16
Now another question that I have is can I add an image of the stripe payment that shows the payment methods accepted? like Visa, Master Card, American Express, ect something like this for example : http://www.britishshop.be/uploads/3/5/7/7/3577816/bt-stripe-securpayments.jpg
Thank you!
Your Reply
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here.
Register Here »