Title: Compatible w/ Elementor? Last modified: February 11, 2019 --- # Compatible w/ Elementor? * [adkadmin](https://wordpress.org/support/users/adkadmin/) * (@adkadmin) * [7 years, 6 months ago](https://wordpress.org/support/topic/compatible-w-elementor/) * Hi, Is Cleverwise Daily Quotes compatible with Elementor? I performed the following steps: 1) Set up a Cleverwise Daily Quotes section 2) Added Daily Quotes widget in the WP section of Elementor to my home page; 3) Selected the new widget 4) Selected the Apply button 5) Selected the Update button I’m not able to see anything on the live page. In the elementor editor, I see a grey block for WP. I’m using the GeneratePress theme. The plugin indicated this was a compatible theme. There are no outstanding updates. * Bill Viewing 6 replies - 1 through 6 (of 6 total) * Thread Starter [adkadmin](https://wordpress.org/support/users/adkadmin/) * (@adkadmin) * [7 years, 6 months ago](https://wordpress.org/support/topic/compatible-w-elementor/#post-11194310) * Update: I was able to get it to work; but I had to add the code to the functions. php. * Now, I can’t get it to center in the column. I tried “
and variations of this. The results is the CDQ shows in it’s own column. * Plugin Author [Me](https://wordpress.org/support/users/cyberws/) * (@cyberws) * [7 years, 6 months ago](https://wordpress.org/support/topic/compatible-w-elementor/#post-11194473) * Correct. When using shortcodes you must add the necessary code, as described in the help guide, to the functions.php file. * As for the centering are you trying to center the quote itself or the quote box? * [stvace](https://wordpress.org/support/users/stvace/) * (@stvace) * [7 years, 6 months ago](https://wordpress.org/support/topic/compatible-w-elementor/#post-11195113) * I can confirm I used the above method to get this working in Elementor. On the page I used the Custom Quote (pasting the shortcode into the Elementor ‘Shortcode’ widget) I used a layout of three cells (placing the shortcode widget into the middle cell) and simply adjusted the appearance of the quote box first, and then adjusted the cells to get it centred (roughly…). I also changed the code for the custom quote box to % to accommodate screen changes such as on a tablet or mobile device. * Because elementor uses a *shortcode widget*, I think some type of custom CSS would be required to centre the quote box in some other way. For a different shortcode element I used (3D FlipBook – thumbnails for the books used) that required pictures to be centred, I used this code I found on the internet (I don’t know how to code, so just pinched it and hoped it’d work – and it did!): * img { display: block; margin-left: auto; margin-right: auto; } * My images used by the shortcode centred perfectly. However, I wouldn’t have a clue what code you’d need to centre the shortcode quotebox using CSS. I’m pretty sure Mr O’Connell could help with that. Still, using the cells method has sufficed for me until now. * [http://millennialdawn.net/daily-devotions/](http://millennialdawn.net/daily-devotions/) - This reply was modified 7 years, 6 months ago by [stvace](https://wordpress.org/support/users/stvace/). - This reply was modified 7 years, 6 months ago by [stvace](https://wordpress.org/support/users/stvace/). * Thread Starter [adkadmin](https://wordpress.org/support/users/adkadmin/) * (@adkadmin) * [7 years, 6 months ago](https://wordpress.org/support/topic/compatible-w-elementor/#post-11195232) * Thank you both for responding. It is the quote box that I want to center. It is clear how to center the text. Please let me know if you have any ideas on that. – Cheers, Bill * [stvace](https://wordpress.org/support/users/stvace/) * (@stvace) * [7 years, 6 months ago](https://wordpress.org/support/topic/compatible-w-elementor/#post-11195547) * Hi, * After a lot of faffing about, I think I might have a solution. I’m not a coder, but tried my hand at altering bits of code as follows: * 1. In WordPress select Daily Quotes. 2. Click ‘Settings’. 3. You will see the box with the code for the Daily Quotes. Mine is as follows: *
{{quote_title}}
{{quote}}
* I actually altered some of the code. * You need to add ‘**text-align: left;**‘ (or wherever you want the text to appear– left, right, or center) after **Style=”** in the **two places** seen in the code. * Save that and then go to your Elementor page. * Now, the way I have achieved the result of a CENTRED BOX and LEFT, RIGHT or CENTRED text is by inserting the SHORTCODE WIDGET into the page. Click ‘Search Widget’ and type ‘Shortcode’, and this will bring up the ShortCode widget – then drag and drop the widget into place. * In the ‘Shortcode’ widget, where it says ‘Enter your shortcode’, type: *
[cw_daily_quotes]
* This should then centre the box, while still keeping the text aligned either, left, right or centred – as set in the code previously. * It’s working OK for me. No CSS required either. * PS * In the code make sure you spell centre (UK) as center (US). - This reply was modified 7 years, 6 months ago by [stvace](https://wordpress.org/support/users/stvace/). - This reply was modified 7 years, 6 months ago by [stvace](https://wordpress.org/support/users/stvace/). - This reply was modified 7 years, 6 months ago by [stvace](https://wordpress.org/support/users/stvace/). - This reply was modified 7 years, 6 months ago by [stvace](https://wordpress.org/support/users/stvace/). - This reply was modified 7 years, 6 months ago by [stvace](https://wordpress.org/support/users/stvace/). - This reply was modified 7 years, 6 months ago by [stvace](https://wordpress.org/support/users/stvace/). * Plugin Author [Me](https://wordpress.org/support/users/cyberws/) * (@cyberws) * [7 years, 6 months ago](https://wordpress.org/support/topic/compatible-w-elementor/#post-11197479) * To center the whole quote box there are several options and some will depend on your site CSS (theme). * However the easiest one to try first is to modify the overall theme of the quote box in the plugin. * 1) Alter `margin: 0px;` to read `margin: 0px auto 0px;` * 2) Alter `margin-bottom: 10px;` to read `margin: 0px auto 10px;` * Now that is assuming you haven’t modified the default theme to remove the margin calls. If so you may add them back. Some sites are set to ignore inline CSS so it may not work depending on your setup. - This reply was modified 7 years, 6 months ago by [Me](https://wordpress.org/support/users/cyberws/). Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘Compatible w/ Elementor?’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/cleverwise-daily-quotes.svg) * [Cleverwise Daily Quotes](https://wordpress.org/plugins/cleverwise-daily-quotes/) * [Frequently Asked Questions](https://wordpress.org/plugins/cleverwise-daily-quotes/#faq) * [Support Threads](https://wordpress.org/support/plugin/cleverwise-daily-quotes/) * [Active Topics](https://wordpress.org/support/plugin/cleverwise-daily-quotes/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/cleverwise-daily-quotes/unresolved/) * [Reviews](https://wordpress.org/support/plugin/cleverwise-daily-quotes/reviews/) * 6 replies * 3 participants * Last reply from: [Me](https://wordpress.org/support/users/cyberws/) * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/compatible-w-elementor/#post-11197479) * Status: not resolved