Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 5, 2020 at 6:42 pm #1235491
    marcoabis81

    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?

    August 6, 2020 at 12:07 pm #1235665
    Victoria

    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

    August 6, 2020 at 8:30 pm #1235847
    marcoabis81

    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

    August 11, 2020 at 5:35 am #1236566
    Ismael

    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

    August 16, 2020 at 12:39 am #1238068
    marcoabis81

    Thank you,

    it works

    Much appreciated.

    Marco

    August 16, 2020 at 5:23 pm #1238221
    Victoria

    Hi Marco,

    Great :)

    We are closing the thread.

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

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