Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 1, 2014 at 3:42 pm #285749
    daniel

    Hi,

    If possible could you tell me how to change the following in regards to the Notification Box (I am using a child theme):

    – Size of text (Would like it the size of H3)
    – Size of box (Already have selected ‘Normal’ but would like to decrease the height of box)
    – Change text to lowercase with a capital letter.

    Thank you in advance.

    July 1, 2014 at 3:51 pm #285753
    Yigit

    Hi daniel!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .avia_message_box_content p { font-size: 24px; }
.avia_message_box { min-height: 140px; }
.avia_message_box_content { text-transform: capitalize; }

    Best regards,
    Yigit

    July 1, 2014 at 4:04 pm #285761
    daniel

    Thanks for your quick reply! :)

    July 1, 2014 at 4:23 pm #285774
    daniel

    Hi,

    One more thing, now i have decreased the height of the box, how do i align the text to fit in the middle of the box vertically?

    Thanks

    July 1, 2014 at 4:25 pm #285775
    Yigit

    Hey!

    Can you post the link to your page so we can see the notification box to provide you an accurate custom CSS code? :)

    Cheers!
    Yigit

    July 1, 2014 at 4:47 pm #285789
    daniel
    This reply has been marked as private.
    July 1, 2014 at 6:44 pm #285838
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .page-id-3004 .avia_message_box.avia-size-normal {
padding-top: 10px;
}

    Best regards,
    Yigit

    July 8, 2014 at 5:52 pm #288621
    daniel
    This reply has been marked as private.
    July 9, 2014 at 3:19 am #288770
    Ismael

    Hey!

    Glad it worked.

    Which page? Please post the url here. We need to inspect the actual element in order to give you a css specifically for that page.

    Best regards,
    Ismael

    July 9, 2014 at 11:11 am #288921
    daniel
    This reply has been marked as private.
    July 9, 2014 at 11:33 am #288926
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia_message_box.avia-size-normal { padding-top: 9px; }

    Please try using more advanced contact form like this one – http://wordpress.org/plugins/contact-form-7/

    Regards,
    Yigit

    July 9, 2014 at 1:12 pm #288963
    daniel
    This reply has been marked as private.
    July 10, 2014 at 6:44 am #289342
    Ismael

    Hi!

    Yes, that is possible. Edit the checkbox elements then look for the Form Element Width. Choose 1/2 size for both.

    Regards,
    Ismael

    July 15, 2020 at 4:16 pm #1230633
    barra12

    Hi

    I cannot use line breaks or any html style in the avia_message_box_content
    Is it possible to use <br/> or <p></p> ?

    Thanks
    Bar

    July 16, 2020 at 8:27 am #1230854
    Ismael

    Hi,

    Thank you for the update.

    The theme automatically strips the html tags inside the content, or automatically add paragraph tags when necessary. If you want to disable this behavior, you have to modify the themes\enfold\config-templatebuilder\avia-shortcodes\notification\notification.php file around line 415:

    $output .= ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $content ) ) . '</div>
';

    Remove the avia_apply_autop and avia_remove_autop functions.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Notification Box’ is closed to new replies.