Docs

[brahms]

Hello,
I want 2 buttons Fix downstairs on my all pages . I want the same, Like the picture, is it possible?

Thanks all us

Brahms

[Thai]

Hi There,

It could be done by custom CSS.

Did you add the buttons to your website yet?

Regards!

[brahms]

Hi,
Yes i had button on my web site but i don’thow CAN I do to have them.
😀

[Joao]

Hi There,

You can add a row and devide in two columns and add on button o each column.

Or you can add one button on top of each other on the same column and add to the first button style box:

float: left;

and to the second button style box: float: right;

You will find the Style box at the bottom of the button element on Cornerstone left tab.

if you need further help, please provide your url with the buttons in place.

Thanks

Joao

[brahms]

Hi Jao

Thank you for your time.
You can see what i want for my site for smartphone but you must to look on your smartphone

About

Thanks

[Rad]

Hi there,

I can see that and it’s working, do you just wish to display it on the desktop? If yes, then please add this CSS to Admin > Appearance > Customizer > Custom > CSS

div#rpb_phone_buttons, div#rpb_phone_buttons_div {
    display: block !important;
}

Thanks!

[brahms]

Hi Rad,

i wish to display on all the pages like the same http://londonpsychologist.pro/about/ for just smartphone ( responsive)

I add the CSS but it’s not ok , there are nothing. You can look this on the picture

[Rue Nel]

Hello There,

Thanks for sending us the screenshots. I have checked some pages of your site and I could see the buttons. Since you are using CloudFlare, please clear your site cache before testing your site. You may have experienced caching issues which is why it is not displaying in your screens.

Hope this helps.

[brahms]

sorry i don’t use Cloudfare?

[Rue Nel]

This reply has been marked as private.

[brahms]

Hello,

😀 This is not my site ( http://londonpsychologist.pro/about/) it’s just an exemple for me, i just want the same effect ; when i look his site with MY SMARTPHONE i like the same effect ” call now” and ” directions”. It’s working just for smartphone ( responsive)
You can look this on the picture ( attachments) or go with your smartphone to see that (http://londonpsychologist.pro/about/) be careful it’s on my site, just a pattern ( example) for me.
My site is: http://www.yelloweducation.com

Thank you😀

[Rad]

Hi there,

I see, it’s not yet implemented. Please add this code to your child theme’s functions.php, you can edit the shortcode to make it suitable for your preference.

add_action('wp_footer','floating_buttons', 999);

function floating_buttons() {

echo '<div class="floating_buttons">'.do_shortcode('[cs_section bg_color="hsl(0, 0%, 100%)" parallax="false" style="margin: 0px;padding: 45px 0px;"][cs_row inner_container="true" marginless_columns="false" style="margin: 0px auto;padding: 0px;"][cs_column fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/2" class="cs-ta-center" style="padding: 0px;"][x_button shape="pill" size="global" block="false" circle="false" icon_only="false" href="#" title="" target="" info="none" info_place="top" info_trigger="hover" info_content=""][x_icon type="phone" class="mvn mln mrs"]Call Now[/x_button][/cs_column][cs_column fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/2" class="cs-ta-center" style="padding: 0px;"][x_button shape="pill" size="global" block="false" circle="false" icon_only="false" href="#" title="" target="" info="none" info_place="top" info_trigger="hover" info_content=""][x_icon type="map-marker" class="mvn mln mrs"]Directions[/x_button][/cs_column][/cs_row][/cs_section]').'</div>';

echo '<style>.floating_buttons { position: fixed; bottom: 0; width: 100%; } </style>';

}

Hope this helps.

[brahms]

Hi,
I have installed child theme but i don’t understand how can i add the code.
I have a request: can you install for me my demand , please?☺️

[Paul R]

Hi,

Please see screenshot – http://screencast.com/t/oywAM1xx

Hope that helps.

[brahms]

Hi,

You are the best!! Thank you 😀
so just on thing if i want to dirige the button on my number? how can i Do? and is it possible to have one button on the left and second on the right for my layout smartphone😀

[Author]

Posts