Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1235491

    Hi guys,

    I am trying to change font size for only one promobox (not for all promoboxes)

    I created the promobox with a shortcode in posts:

    On post https://www.viverelondra.com/draft-articolo-di-riferimento promobox called CUSTOM CSS

    [av_promobox button='yes' label='Cliccami' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' box_color='' box_custom_font='#ffffff' box_custom_bg='#444444' box_custom_border='#333333' label_display='' link='manually,http://' link_target='_blank' id='' custom_class='promobox-font-size-page' av_uid='' admin_preview_bg='']
    Benvenuto! Questo è un esempio di testo per il tuo fantastico Box Promo! Sentiti libero di eliminarlo e sostituirlo con il proprio messaggio!
    [/av_promobox]

    And created a custom class which I cannot make work.

    .promobox-font-size-page {
        font-size: 35px !important;
    }

    Could you please help?

    #1235665

    Hey marcoabis81,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .avia-promocontent p {
    	font-size: 35px;
    }
    

    You will need to give it a class or an id so that only this promo box changes font-size and not all of them.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1235847

    Hi Victoria,

    That is amazing, I was missing to put the P :-)

    How can I make the text of the button bigger too? how do I set a custom class for only this button?

    Second question, about promobox: See this page: https://www.viverelondra.com/universal-credit-chi-puo-richiederlo

    All headings are set to have 30px margin above and bottom. Here it is not applying and promobox and heading are too close. Why is this happening?
    2020-08-06_19-30-02

    thanks,
    Marco

    #1236566

    Hi,

    You can add the custom css class attribute in the Developers tab of the promobox element and use it to adjust the style of the button. Example:

    #top .custom-promobox .avia-button {
    	font-size: 20px;
    	color: red;
    }
    

    You have to replace “custom-promobox” with the actual class name or attribute.

    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

    #1238068

    Thank you,

    it works

    Much appreciated.

    Marco

    #1238221

    Hi Marco,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.
    Best regards,
    Victoria

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.