Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 18, 2020 at 4:11 pm #1268450
    navindesigns

    Hi,

    On my site, I have a button that has the following shortcode;
    [av_button label='INQUIRY' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='left' label_display='' title_attr='' color='dark' custom_bg='#ff2d1e' custom_font='#ffffff' link='manually,https://theavantnyc.com/contact/' link_target=‘_self’ id='' custom_class='' av_uid='av-8v8kw' admin_preview_bg='']

    I want to add another button using the same short-code but the only difference is that I want the button to be red color. I know I have to add a custom class to it but where do I add the class in the shortcode?

    Thanks

    December 18, 2020 at 10:28 pm #1268492
    Victoria

    Hey navindesigns,

    https://share.getcloudapp.com/RBu9mexZ You have the custom class in there already, have you tried adding it there?

    Best regards,
    Victoria

    December 18, 2020 at 10:36 pm #1268499
    navindesigns

    Yes. Maybe you can take a look

    The button is located on a lightbox popup by clicking on the second “View” button on the page

    Availability

    And the name of the button is INQUIRY on the popup

    Thanks again

    December 18, 2020 at 10:58 pm #1268503
    Victoria

    Hi navindesigns,

    https://share.getcloudapp.com/P8umQ0vp I on ly see these buttons. Did you hide that button?

    Best regards,
    Victoria

    December 18, 2020 at 11:07 pm #1268507
    navindesigns

    Its on the SECOND view button popup

    December 20, 2020 at 5:27 pm #1268797
    Victoria

    Hi navindesigns,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    December 20, 2020 at 5:29 pm #1268799
    navindesigns

    please see below

    thanks

    December 20, 2020 at 8:33 pm #1268843
    Victoria

    Hi navindesigns,

    Thank you, where can I see this shortcode added? Please add the custom class in the shortcode.

    Best regards,
    Victoria

    December 20, 2020 at 8:35 pm #1268844
    navindesigns

    this is what i have

    i simply want a red button that links to the contact page

    [av_button label='INQUIRY' size='small' position='left' label_display='' title_attr='' link='manually,https://theavantnyc.com/contact/' link_target=‘_self’ id='' custom_class='actionBtn2' av_uid='av-8v8kw' admin_preview_bg='']

    December 22, 2020 at 6:44 pm #1269378
    navindesigns

    Hi

    I have updated my button shortcode

    [av_button label='INQUIRE' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='left' label_display='' title_attr='' color='dark' custom_bg='#ff0000' custom_font='#ffffff' link='manually,https://theavantnyc.com/contact/' link_target='_self' id='' custom_class='' av_uid='av-8v8kw' admin_preview_bg='']

    All I need is for it to be red background with white text.
    https://theavantnyc.com/availability/ – click on VIEW on any of the buttons

    December 23, 2020 at 4:29 am #1269433
    Ismael

    Hi,

    Thank you for the info.

    Looks like you have managed to apply a custom color to the button using the generic selectors or class names. If you’d like to set a custom css class name to the button, just fill in the custom_class parameter in the shortcode. 

    [av_button label='INQUIRE' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='left' label_display='' title_attr='' color='dark' custom_bg='#ff0000' custom_font='#ffffff' link='manually,https://theavantnyc.com/contact/' link_target='_self' id='' custom_class='my_custom_class' av_uid='av-8v8kw' admin_preview_bg='']

    Then use the value of that parameter, which is the class name, to adjust the style of the button.

    .my_custom_class { 
 /* custom styles here */
}

    Best regards,
    Ismael

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