Title: Alignment Problem Last modified: November 7, 2016 --- # Alignment Problem * Resolved [GANESHKUMARAPILLAI](https://wordpress.org/support/users/ganeshkumarapillai/) * (@ganeshkumarapillai) * [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/) * Dear all, Please advise how to align shortcodes in center of the page.? I added this below code in wordpress

[give_form id=”2755″]

but it’s align only => “DONATION TITLE + DROPDOWN MENU& DONATION NOW BUTTON” but it’s not align => “CURRENCY ROW / AMOUNT ENTERING ROW” is now align at left side corner of the page. So, kindly help to advise how to align “CURRENCY ROW” in center of the page. Thanks, GK Viewing 9 replies - 1 through 9 (of 9 total) * Thread Starter [GANESHKUMARAPILLAI](https://wordpress.org/support/users/ganeshkumarapillai/) * (@ganeshkumarapillai) * [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/#post-8405843) * ![Screenshot](https://i0.wp.com/www.freefashiondesigner.com/wp-content/uploads/ 2016/11/Screenshot-47.png?ssl=1) * Plugin Contributor [Devin Walker](https://wordpress.org/support/users/dlocc/) * (@dlocc) * [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/#post-8406472) * Hey [@ganeshkumarapillai](https://wordpress.org/support/users/ganeshkumarapillai/)– Here is a snippet of CSS to help center it: * ``` ``` * You can add this to your theme or inline on the post to test it. Here’s an article to help if you’re not sure how/where to add it: [https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/](https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/) * Also I recommend removing the wrapping `
` tags. I hope this helps! Please let me know if you have anymore questions. - This reply was modified 9 years, 6 months ago by [Devin Walker](https://wordpress.org/support/users/dlocc/). * Thread Starter [GANESHKUMARAPILLAI](https://wordpress.org/support/users/ganeshkumarapillai/) * (@ganeshkumarapillai) * [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/#post-8406704) * Hi, Thanks for providing above. Now, the width is ok. But it’s not supporting to the responsive mode.. Please check the below screenshot for your reference.⌊ Screenshot 2⌉ * Plugin Contributor [Devin Walker](https://wordpress.org/support/users/dlocc/) * (@dlocc) * [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/#post-8406729) * Hey [@ganeshkumarapillai](https://wordpress.org/support/users/ganeshkumarapillai/)– can you post the link to your site so I can see? * Thread Starter [GANESHKUMARAPILLAI](https://wordpress.org/support/users/ganeshkumarapillai/) * (@ganeshkumarapillai) * [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/#post-8406739) * Hi Mr. Devin, Please receive the below URL for your reference. * [https://www.freefashiondesigner.com](https://www.freefashiondesigner.com) * Kindly advise further. Thanks, Ganesh * Plugin Contributor [Devin Walker](https://wordpress.org/support/users/dlocc/) * (@dlocc) * [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/#post-8406810) * Thanks. I took a look on mobile and it looks good. I couldn’t reproduce what I see in your screenshot. * Thread Starter [GANESHKUMARAPILLAI](https://wordpress.org/support/users/ganeshkumarapillai/) * (@ganeshkumarapillai) * [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/#post-8406831) * Hi, I just reworked in the backend. Now, could you please help to align it in center of the page. Kindly help. Below screenshot for your reference as well. * [https://www.freefashiondesigner.com/wp-content/uploads/2016/11/Screenshot-49.png](https://www.freefashiondesigner.com/wp-content/uploads/2016/11/Screenshot-49.png) * Thanks, GANESH. * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/#post-8406987) * Hi there, * Centering can be a bit challenging. But try this out: * ``` .give-display-modal { text-align: center; } form[id*=give-form] .give-donation-amount { margin: 0 auto; max-width: 50%; } form[id*=give-form] select.give-select-level { max-width: 46%; margin: 25px auto; } ``` * Let us know how that goes. * Thread Starter [GANESHKUMARAPILLAI](https://wordpress.org/support/users/ganeshkumarapillai/) * (@ganeshkumarapillai) * [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/#post-8408058) * Hi, Thanks for your reply. And following your code, Now this is the result.! * Mobile View: (Currency symbol misplacing) ⌊Screenshot 1⌉ * Full width PC View: (Full content in center as old one. But not in sequence) ⌊ Screenshot 2 - (Full width view)⌉ * Kindly advise further. Thanks, GANESH Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Alignment Problem’ is closed to new replies. * ![](https://ps.w.org/give/assets/icon-256x256.jpg?rev=2873287) * [GiveWP - Donation Plugin and Fundraising Platform](https://wordpress.org/plugins/give/) * [Frequently Asked Questions](https://wordpress.org/plugins/give/#faq) * [Support Threads](https://wordpress.org/support/plugin/give/) * [Active Topics](https://wordpress.org/support/plugin/give/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/give/unresolved/) * [Reviews](https://wordpress.org/support/plugin/give/reviews/) ## Tags * [align](https://wordpress.org/support/topic-tag/align/) * [alignment](https://wordpress.org/support/topic-tag/alignment/) * [Give donation](https://wordpress.org/support/topic-tag/give-donation/) * 9 replies * 3 participants * Last reply from: [GANESHKUMARAPILLAI](https://wordpress.org/support/users/ganeshkumarapillai/) * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/alignment-problem-17/#post-8408058) * Status: resolved