Title: CSS changes don’t work. Last modified: August 22, 2021 --- # CSS changes don’t work. * Resolved [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * (@ildomandatore) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/) * When I try to change the Givewp form, I can’t. Why am I able to make some changes on the Chrome developer tool, but not all of them? And how come when I try to make changes on the child theme they don’t work? * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-changes-dont-work-2%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/css-changes-dont-work-2/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-changes-dont-work-2/page/2/?output_format=md) * Plugin Support [Rick Alday](https://wordpress.org/support/users/mrdaro/) * (@mrdaro) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14799550) * Hi [@ildomandatore](https://wordpress.org/support/users/ildomandatore/), * The multi-step donation form and the donor dashboard load in an iframe, to make them more resistant to changes made in the theme’s CSS. That’s helpful for avoiding theme conflicts, but makes customizing the style of them a bit more difficult. There are two PHP code snippets in our Snippet library that will help with that process. * The first is for small changes, and adds some style inline to the donor dashboard or the multi-step donation form: [https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/style-givewp-iframes.php](https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/style-givewp-iframes.php) * On that one, you modify lines 16-26 with your own CSS. * The other is for enqueueing your own CSS completely via a custom stylesheet: [https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/enqueue-style-for-givewp-iframes.php](https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/enqueue-style-for-givewp-iframes.php) * If you need assistance implementing custom PHP code on your website we have this guide: [https://givewp.com/documentation/resources/adding-custom-functions-to-your-wordpress-website/](https://givewp.com/documentation/resources/adding-custom-functions-to-your-wordpress-website/) * Please note that this code snippet is provided as an example of how you can extend GiveWP with code. It’s up to you to implement and customize to your liking. We cannot provide support for custom code on your website, only the code that we create and distribute. * Thread Starter [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * (@ildomandatore) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14799959) * I keep having changes in the child theme and I don’t understand who makes them… I should be the only one. * this is the fourth time this unwanted code has appeared; element.style { position: absolute; } .introduction { display: flex; flex-direction: column; text-align: center; width: 100%; } .give-section { display: flex; flex-direction: column;} user agent stylesheet div { display: block; } * Thread Starter [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * (@ildomandatore) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14800008) * I didn’t understand the difference between the child theme and the Code Snippets plugin. * Thread Starter [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * (@ildomandatore) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14800871) * I strongly suspect that I have to study php to use which plugin. I really don’t want to study, after being stuck for 9 months on nonsense … Can I use CSS? I’m afraid not … * Plugin Support [Rick Alday](https://wordpress.org/support/users/mrdaro/) * (@mrdaro) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14801082) * Hi [@ildomandatore](https://wordpress.org/support/users/ildomandatore/), * I also have no idea what’s writing the CSS code into your child theme’s stylesheet. GiveWP certainly is not. * The element.style and user agent stylesheet are only generated by the browser and only seen when you view the CSS via the developer tools. Like if someone had just copied the developer tools code into the stylesheet. * That said, you don’t need to learn PHP. The code snippets I gave you are can just be copied/pasted. The instructions are very clear on the parts that you need to edit. These snippets have been used by a lot of other novice users as well. * I also want to clarify that you don’t need to create a child theme. You can use the Code Snippets plugin instead. That plugin makes it so much easier to implement PHP code. * Or, if you want to avoid using snippets and PHP you can always use the legacy form templates. * Thread Starter [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * (@ildomandatore) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14803113) * Interesting; I could remove the Astra child theme and use the plugin you suggested. How do I see changes in real time, like in child themes? * Thread Starter [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * (@ildomandatore) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14806974) * The first code you gave me goes on plugin Code Snippet and the second on my theme? * If I want to make other changes, what should I do? I’m afraid I should make a long list. * Plugin Support [Rick Alday](https://wordpress.org/support/users/mrdaro/) * (@mrdaro) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14847696) * Hi [@ildomandatore](https://wordpress.org/support/users/ildomandatore/), * Happy to clarify. If you want to implement several lines of CSS into the multistep for template use this snippet: [https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/enqueue-style-for-givewp-iframes.php](https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/enqueue-style-for-givewp-iframes.php) * – Create a new CSS file and name it givewp-iframes-styles.css – Add your CSS customizations and place the file in your child theme folder – Implement the snippet using the Code Snippets plugin. * That’s it. Let me know if you have any other questions. * Thread Starter [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * (@ildomandatore) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14850271) * [https://postimg.cc/Kkwz3ctN](https://postimg.cc/Kkwz3ctN) * Plugin Support [Matheus Martins](https://wordpress.org/support/users/matheusfd/) * (@matheusfd) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14859653) * Hey [@ildomandatore](https://wordpress.org/support/users/ildomandatore/), * Do you still need assistance here? I’ll close this ticket for now but if you still need assistance with it, please reopen it and we’ll happily assist you. * If you have other issues, you can open a new ticket and we’ll help you there too. * Thanks for using GiveWP! Have a great day. * Thread Starter [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * (@ildomandatore) * [4 years, 9 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14861231) * I took the photo to confirm if I did everything right. Can I now change the donation form? * Thread Starter [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * (@ildomandatore) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14944124) * It still doesn’t work. * Plugin Support [Rick Alday](https://wordpress.org/support/users/mrdaro/) * (@mrdaro) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14944492) * Hi [@ildomandatore](https://wordpress.org/support/users/ildomandatore/), * I just checked the source code of the form’s iframe: [https://oldfreegame.com/en/give/donation-form?giveDonationFormInIframe=1](https://oldfreegame.com/en/give/donation-form?giveDonationFormInIframe=1) * And I don’t see any custom CSS there. This tells that either you need to clear your cache or that you didn’t add the CSS with the snippet I mentioned in my first reply:[https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/style-givewp-iframes.php](https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/style-givewp-iframes.php) * On that one, you modify lines 16-26 with your own CSS. * The other is for enqueueing your own CSS completely via a custom stylesheet: [https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/enqueue-style-for-givewp-iframes.php](https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/enqueue-style-for-givewp-iframes.php) * Another issue I noticed is that the form is not loading on the form page:[https://oldfreegame.com/en/make-a-donation/](https://oldfreegame.com/en/make-a-donation/) because the iframe is being “lazyloaded”. If you use a “lazy loading” plugin like Smush make sure to exclude iframes from it. * Thread Starter [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * (@ildomandatore) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14944606) * Done! * Plugin Support [Rick Alday](https://wordpress.org/support/users/mrdaro/) * (@mrdaro) * [4 years, 8 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/#post-14944664) * Ok, it seems to be working on the iframe now: [https://oldfreegame.com/en/give/donation-form?giveDonationFormInIframe=1](https://oldfreegame.com/en/give/donation-form?giveDonationFormInIframe=1) * The heading is red. * The form still doesn’t load here because of that lazyloading issue: [https://oldfreegame.com/en/make-a-donation/](https://oldfreegame.com/en/make-a-donation/) Viewing 15 replies - 1 through 15 (of 20 total) 1 [2](https://wordpress.org/support/topic/css-changes-dont-work-2/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-changes-dont-work-2/page/2/?output_format=md) The topic ‘CSS changes don’t work.’ 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 * [css](https://wordpress.org/support/topic-tag/css/) * [customization](https://wordpress.org/support/topic-tag/customization/) * 20 replies * 3 participants * Last reply from: [ildomandatore](https://wordpress.org/support/users/ildomandatore/) * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/css-changes-dont-work-2/page/2/#post-14946539) * Status: resolved