Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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
    #565106

    Hey 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!
    Elliott

    #565117

    Hi 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.

    #565888

    Hey!

    We’ll need a login to view the page.

    Cheers!
    Elliott

    #567484

    Here’s the good link. Sorry for the mistake.

    #568227

    Hi!

    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,
    Andy

    #568264

    Hi 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

    #568421

    Hey!

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.