Prompt Button Icon Position xtheme

Support
#1

Hi Guys,

So i am trying to move the prompt button icon from the left of button text to the right of the button text.

Any ideas how I might achieve this?

#2

Hi There,

Please provide your URL so we can provide you a tailored solution.

Thanks

#4

Hi

This is the page I’m referring to

#5

Hello @christiaan001,

Thanks for sharing website URL.

Can you please let us know where icon has been placed (may be by sharing screenshot) as I am unable to spot the same? I can see Book Appointment button but can’t see icon on the page.

Thanks.

#6

Refresh… should be there now,

#7

Hi again,

Please add the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

.x-prompt-section-button i {
    float: right;
}

Let us know how this goes!

#8

Hi Guys,

Thanks for the prompt replies :smile:

The CSS worked which is good, however is there any what to bring the icon back towards the ‘t’ of the word appointment so it’s more like the icons on this book now button on this page?

http://rebeccamacqueen.com.au/treatments/

Thanks again for you help!

#9

Hi again,

You can do this with custom script, add the following code in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

(function($) {
	var icon = $('.x-prompt-section-button .x-btn .x-icon-angle-double-right');
	$('.x-prompt-section-button .x-btn .x-icon-angle-double-right').remove();
	$('.x-prompt-section-button .x-btn').append(icon);
})(jQuery);

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

#10

Perfect, thank you:smile:

#11

You’re always welcome!

Cheers.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.