Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1259442

    Hello,

    I have installed several buttons on my pages and I would like some of them to be fixed.
    That is mine I don’t want a link or hover. How to do it, please?
    My request concerns the row of 4 buttons below the “rewritten” and “copywriting” blocks.

    Thank you

    Karima

    #1259763

    Hey Karima,

    I’m not sure I understand your intentions, do you mean that you want the 4 buttons to all be the same size maybe?

    Best regards,
    Rikard

    #1259858

    you can see that example on nearly most of enfold pages that have longer content: the scroll-top link is a button that is in fixed positon.
    Fixed positioning needs position values ( top, bottom, left or right)

    so first give a custom-class or unique ID to that button element: in my case it is ID: fixed-button
    f.e. to quick css:

    #fixed-button.avia-button-wrap {
        position: fixed;
        left: 50px;
        bottom: 50px;
        z-index: 1050;
    }

    but my advice would be to place a button via button shortcode outside wrap_all container by child-theme functions.php.
    There is a hook : ava_after_body_opening_tag that can be used for it.
    ( this is site-specific only for my testpage – adjust page-id to your needs):

    add_action('ava_after_body_opening_tag', function() {
        if(is_page(457)){
          echo do_shortcode("[av_button label='fixed-button' icon_select='yes' icon='ue800' font='entypo-fontello' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='color_options_advanced' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='aqua' btn_custom_bg='#444444' btn_color_bg_hover='blue' btn_custom_bg_hover='#444444' btn_color_font='custom' btn_custom_font='#ffffff' id='fixed-button' custom_class='' av_uid='av-khd9fkov' admin_preview_bg='']");
        }
    });

    see here f.e.: https://webers-testseite.de/impressum/ left bottom corner

    #1259864

    or do you mean this “sticky” behavior: https://webers-testseite.de/sticky-elements/

    #1260090

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    #1260426

    Hi,
    Thanks for your answers.
    In fact I just want to disable the link and hover effect on button.
    Best regards,
    Karima

    • This reply was modified 4 years ago by karie84.
    #1260569

    Hi,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-1973 #av-layout-grid-1 .avia-button:hover {
        opacity: 1;
    }

    Best regards,
    Rikard

    #1260584

    Hi,
    Thank you for your suggestion but it doesn’t work!
    I specify that I want to disable some buttons, not all

    Best regards,
    Karima

    #1260648

    Hi,

    Thanks for the update. So on which buttons don’t you want any change in the hover state?

    Best regards,
    Rikard

    #1260754

    Hi,

    Thanks for your answer. I don’t want a link and no hover effect on the following buttons:

    – audit rédactionnel offert
    – contenu unique garanti
    – qualité irréprochable
    – livraison et retours rapides
    – newsletter
    – article de blog

    Best regards,
    Karima

    #1260929

    Hi,

    Thanks for the clarification. I tried checking the page you linked to initially, but it results in a 404 page now. Please post a working link so that we can check the actual elements on the page.

    Best regards,
    Rikard

    #1260980

    Hi,

    Sorry for this error, I changed the url of the page in the meantime.

    Best regards,

    Karima

    #1261216

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-1973 #av-layout-grid-1 .avia-button:hover {
        opacity: 1;
        pointer-events: none;
    }

    The newsletter and article de blog buttons don’t have any effect on hover on my end.

    Best regards,
    Rikard

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