Question [SOLVED] How to center a shortcode in Elementor?

[ikos]

Hey,

I'm pretty new to Wordpress and Elementor. I added a widget with the elementor shortcode widget. Unfortunately by default the shortcode seems to be left aligned. Can I change it to center alignment?
Thank you.

Best
Oliver

 

[sms-design]

Could you provide a screenshot and example which widget

 

[ikos]

Could you provide a screenshot and example which widget

Thank you for your reply. It's the Rewardstyle Widget which is used to integrate "Affiliate Shop Page" easily.

 

[ikos]

Could you provide a screenshot and example which widget

And in the editor it looks like this.

 

[sms-design]

Oliver given the way you have added the widget via a shortcode try doing this to centre

<center>[your-shortcode-here]</center> and if your not familiar with html yes it's spelt the american way.

Now the difference in appearance between editor and live could be any number of things, the theme, the widget script, column spacing.

Without seeing it live difficult to advise

 

[ikos]

Oliver given the way you have added the widget via a shortcode try doing this to centre

<center>[your-shortcode-here]</center> and if your not familiar with html yes it's spelt the american way.

Now the difference in appearance between editor and live could be any number of things, the theme, the widget script, column spacing.

Without seeing it live difficult to advise

Thank you it worked!

 

[sms-design]

Please could you mark this as solved.

 

[The Rolling Panda]

Hi Ikos,

It has nothing to do with your topic, but could you please let me know how did you mark your post as solved?

I've been looking for a way to mark my post as solved for 20 minutes, and it's starting to make me crazy

 

[geometry]

Hi There,

I have the same issue, however I want to align the shortcode to the right, have tried below but didn't work.
<right>[shortcode]</right>

Also tried the below, but not sure if it's overkill?

<div style="text-align:right;”>
[shortcode]
</div>

 

[h_mortazavifar]

Hi There,

I have the same issue, however I want to align the shortcode to the right, have tried below but didn't work.
<right>[shortcode]</right>

Also tried the below, but not sure if it's overkill?

<div style="text-align:right;”>
[shortcode]
</div>

I have the same issue!