I bought a WordPress theme called Imagpress and I’ve been testing some layout changes using browser developer tools. I figured out what CSS modifications I want to make, like removing the navigation bar at the top and adjusting some spacing between elements.
The problem is I can’t find the right files in my theme folder to make these changes permanent. When I use the browser inspector, the changes look perfect, but obviously they disappear when I refresh the page.
I’ve looked through the theme files but there are so many CSS and PHP files that I’m not sure which ones control the layout I’m trying to modify. Can someone point me in the right direction for where to add my custom CSS so the changes stick?
Any guidance would be really helpful!
Had the exact same problem when I started messing with themes. Don’t edit the main style.css file directly - theme updates will kill all your changes. Use the WordPress Customizer’s Additional CSS section instead. It loads after your theme’s default styles and overrides them perfectly. I’ve used this method for years without issues. Just grab your CSS from the browser inspector, paste it there, and you’re good. Changes show up instantly and you can preview before going live.
u can go to WP Admin > Appearance > Customize and add ur CSS in the ‘Additional CSS’ section. it’s safer than altering theme files directly, which might get overwritten during updates. trust me, it’s the best way to keep ur styles intact!
It’s crucial not to directly modify the theme files for custom CSS because any updates to the theme will overwrite your changes. Instead, you can navigate to Appearance > Customize in your WordPress dashboard and locate the “Additional CSS” area. Adding your styles there ensures they remain intact after updates. If that option isn’t available, consider creating a child theme and placing your CSS in the child theme’s style.css file. This approach protects your customizations while leaving the original theme untouched.