Hello @faiz29,
The text is basically displayed according to the size of the context. If the shortcode is placed in the context of a post or page it will display with their current size. In case that you need to change of the shortcode text styling only you can always use a CSS style within a span tag (in the plain text mode of the editor). For example:
<span style="color:red;font-size:2em;font-weight:bold;">[wpdts-date-time]</span>
Please let us know if that helps. Thank you for using the plugin.
Thread Starter
faiz29
(@faiz29)
Hello,
Yes, I am using a shortcode in the context of the page, Honestly, I am not at all good with codes and playing with CSS.
I put this shortcode on a Landing page created on Elementor with the Astra Premium template.
If there is a way without touching the CSS let me know.
I am attaching a page link for your reference.
https://dafco-sa.com/en/elementor-landing-page-5008/
Thanks!
-
This reply was modified 3 years, 6 months ago by
faiz29.
Hi @faiz29,
This is not exactly in the context of the page content but a separate section in the header. So, in this case you can use CSS code. I see you are using Elementor and the Shortcode widget. Then you can give the widget a class name in the Advanced -> CSS Classes field (e.g. dafco-date-time) and then write the code for the widget in the Advanced -> Custom CSS field.
.dafco-date-time {
font-size: 2em;
}
Hello @faiz29,
It’s been more than a week since our last reply. Since there is no new answers I am closing the thread. Let us know if you need more help. Thank you for using our plugin!
