Tagged: notification box
-
AuthorPosts
-
January 14, 2016 at 1:09 am #565095
I would like to add a line break in a Notification Box. I tried with <br> <p> or adding a volume of space, nothing works. It it a twist for that ?
Is it a way to show the icon larger in the notification box?
Thanks in advance,
- This topic was modified 8 years, 11 months ago by Dioplr. Reason: Precision
January 14, 2016 at 2:03 am #565106Hey Philippe!
Hmm, not sure if there is going to be an easy way of going about that. If we set the CSS to display block then the icon is going to display in the center, are you ok with that?
Go ahead and send us a link to your page and we’ll copy your HTML for you and you can paste it inside a codeblock element to edit it.
Cheers!
ElliottJanuary 14, 2016 at 2:18 am #565117Hi Elliott,
Thanks fir the follow-up.
I send you a private link to the page with the notification box (not yet published).
I would like to break the paragraph after the exclamation mark and to have the icon a little bit larger if possible. The icon can be vertically centered as it stays aligned with the text.
January 15, 2016 at 4:01 am #565888Hey!
We’ll need a login to view the page.
Cheers!
ElliottJanuary 19, 2016 at 12:21 am #567484Here’s the good link. Sorry for the mistake.
January 19, 2016 at 11:41 pm #568227Hi!
not sure what you are trying to do. Can you highlight using screenshots please? so we can get a clear idea of what you need. Use imgur.com or dropbox.
Best regards,
AndyJanuary 20, 2016 at 1:27 am #568264Hi Andy,
Here are the two images :
What I have with the Notification Box https://www.dropbox.com/s/y3bh2gutkuijlxi/Enfold%20Notification%20Box1.png?dl=0
What I want https://www.dropbox.com/s/82yeund0qf7e2cd/Enfold%20Notification%20Box2.png?dl=0
Waiting for your feddback
Philippe
January 20, 2016 at 8:16 am #568421Hey!
Add a breakline tag right after the first paragraph.
SI VOUS RECEVEZ UN PROCÈS VERBAL DE VIOLATION DU CRTC, IL SERA TROP TARD !<br> VOUS DEVEZ AVOIR MIS EN PLACE UN PROGRAMME DE CONFORMITÉ AVANT D’ÊTRE ENQUÊTÉ POUR BÉNÉFICIER D’UNE DÉFENSE BASÉE SUR LA DILIGENCE RAISONNABLE.
Add this in the Quick CSS field:
.avia_message_box_content { text-align: left; } .avia_message_box_icon { left: 0; top: 20px; } .avia_message_box_content p { left: 20px; position: relative; }
Adjust the values as needed.
Regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.