- Posts: 9
- Thank you received: 0
Membership Pro Card centered
- Andrea Delton
- Topic Author
- Offline
- New Member
Less
More
1 year 4 months ago - 1 year 4 months ago #155010
by Andrea Delton
Membership Pro Card centered was created by Andrea Delton
Good morning,
I'm working on the Card for subscribers but I can't center the card on the A6 sheet chosen as the format: the card is always positioned at the top left without any space as a margin, both when working with DIVs and with the TABLE. In the custom css I added:
.invoice-container {
background-image: url(" xxx.com/images/grafica/card-2023.png ");
background-repeat: no-repeat;
width: 85mm;
height: 54mm;
margin: 0 auto;
background position: center center;
background size: cover; }
And in the html: <div class="invoice-container">
In a normal Html the view is correct, the Membership is not (even in print). I also inserted the style directly into the div but nothing changes.
How can you center the card?
PS: in the JCE editor, contrary to the instructions read, the background image is not seen even in Preview. It can be seen regularly only by simulating a subscription and receiving the email.
I'm working on the Card for subscribers but I can't center the card on the A6 sheet chosen as the format: the card is always positioned at the top left without any space as a margin, both when working with DIVs and with the TABLE. In the custom css I added:
.invoice-container {
background-image: url(" xxx.com/images/grafica/card-2023.png ");
background-repeat: no-repeat;
width: 85mm;
height: 54mm;
margin: 0 auto;
background position: center center;
background size: cover; }
And in the html: <div class="invoice-container">
In a normal Html the view is correct, the Membership is not (even in print). I also inserted the style directly into the div but nothing changes.
How can you center the card?
PS: in the JCE editor, contrary to the instructions read, the background image is not seen even in Preview. It can be seen regularly only by simulating a subscription and receiving the email.
Last edit: 1 year 4 months ago by Andrea Delton.
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
1 year 4 months ago #155013
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Membership Pro Card centered
PDF layout is hard, unlike HTML. CSS could work well for HTML, but not for PDF. I would suggest you to try to enable and use this plugin
membershipprodoc.joomservices.com/plugins/mpdf
It uses different library for generating PDF and with better css support. It would help building the PDF layout easier. Give it a try
Regards,
Tuan
It uses different library for generating PDF and with better css support. It would help building the PDF layout easier. Give it a try
Regards,
Tuan
Please Log in or Create an account to join the conversation.
- Andrea Delton
- Topic Author
- Offline
- New Member
Less
More
- Posts: 9
- Thank you received: 0
1 year 4 months ago #155015
by Andrea Delton
Replied by Andrea Delton on topic Membership Pro Card centered
Sorry, I forgot to mention that I'm already using MPdf (the reference that you don't see the background image was referring to the use of this plugin combined with the JCE editor).
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
1 year 4 months ago #155023
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Membership Pro Card centered
Hello Andrea
For this, better submit a support ticket sending us super admin account of your site. Our developer will try to look at it and find a solution for your problem
Tuan
For this, better submit a support ticket sending us super admin account of your site. Our developer will try to look at it and find a solution for your problem
Tuan
Please Log in or Create an account to join the conversation.
Support
Documentation
Information
Copyright © 2024 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.