Tagged: button
-
AuthorPosts
-
November 10, 2020 at 1:36 am #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
November 11, 2020 at 5:56 am #1259763Hey 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,
RikardNovember 11, 2020 at 1:01 pm #1259858you 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
November 11, 2020 at 1:10 pm #1259864or do you mean this “sticky” behavior: https://webers-testseite.de/sticky-elements/
November 12, 2020 at 12:05 pm #1260090November 14, 2020 at 3:08 am #1260426Hi,
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.
November 15, 2020 at 7:21 am #1260569Hi,
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,
RikardNovember 15, 2020 at 2:03 pm #1260584Hi,
Thank you for your suggestion but it doesn’t work!
I specify that I want to disable some buttons, not allBest regards,
KarimaNovember 16, 2020 at 6:53 am #1260648Hi,
Thanks for the update. So on which buttons don’t you want any change in the hover state?
Best regards,
RikardNovember 16, 2020 at 5:37 pm #1260754Hi,
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 blogBest regards,
KarimaNovember 17, 2020 at 10:41 am #1260929Hi,
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,
RikardNovember 17, 2020 at 1:12 pm #1260980Hi,
Sorry for this error, I changed the url of the page in the meantime.
Best regards,
Karima
November 18, 2020 at 7:19 am #1261216Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.