Title: CSS by default Last modified: July 10, 2020 --- # CSS by default * Resolved [ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * (@ilyapokrov) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/) * After activating the pop-up window, the site styles were lost. For some reason, the plugin has prescribed a lot of CSS that does not concern it. In particular, the appearance of breadcrumbs, headers, buttons, and so on were changed. Added bold font, margins, and colors. * What the hell? Why does the plugin correct my styles? Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/css-by-default/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-by-default/page/2/?output_format=md) * Plugin Support [Nithin – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport11/) * (@wpmudevsupport11) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13111157) * Hi [@ilyapokrov](https://wordpress.org/support/users/ilyapokrov/), * Sorry to hear that, maybe the theme is using any common class names which are also used in Hustle? or it could also arise if there are any conflicts too. It’s tough to say what exactly is causing without checking the issue live. * Could I know on which exact theme you are noticing such anomalies? Is there any link to the page where we could check the issue further? * Please do let us know further about the anomalies noticed so that we could check further if needed. Looking forward to your response. * Kind Regards, Nithin * Thread Starter [ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * (@ilyapokrov) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13114749) * I made a pop-up window for 1 item so You can see the problems. A new font-weight rule is added to titles, breadcrumbs, and bold text. * Page with the active Hustle plugin: [https://ganzola.ru/elektrosamokat-mizar-ray-pro-6000mah-black-mz6raypro-bk/](https://ganzola.ru/elektrosamokat-mizar-ray-pro-6000mah-black-mz6raypro-bk/) * Page with the inactive Hustle plugin: [https://ganzola.ru/elektrosamokat-mizar-karbid-10400mah-black-red-mz8karbid/](https://ganzola.ru/elektrosamokat-mizar-karbid-10400mah-black-red-mz8karbid/) * Thanks! * Thread Starter [ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * (@ilyapokrov) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13125136) * Hi, [@wpmudevsupport11](https://wordpress.org/support/users/wpmudevsupport11/), * Were you able to solve my problem? * Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * (@wpmudev-support8) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13133147) * Hello [@ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * Thanks for providing links to example pages and I’m sorry for the delay on our end. * It’s definitely some CSS “mess up” but I see that you’re using Autoptimize on site currently to optimize CSS delivery. This is great for performance but has its downsides too: * – it makes it very hard to troubleshoot CSS related issues because CSS resources are combined and loaded in a different way/order than originally – it might also affect the way some CSS rules are affecting design due to the very same reason – it might also actually not include or not “properly” include some “new” CSS added e.g. by a newly created popup/newly enabled plugin. * That being said, please try first clearing up Autoptimize cache and, if there any other cache whatsoever on site, clear it as well. * If that doesn’t solve the issue, would you please disable Autoptimize on site temporarily (and let us know here once it’s done) so we could interact with “ original” CSS on site? * This way we’ll be able to see “what is what” and in what way/what parts Forminator’s CSS interacts with other CSS of the site. It should help then find the culprit and the way to solve it. * Kind regards, Adam * [Optimizing Matters](https://wordpress.org/support/users/optimizingmatters/) * (@optimizingmatters) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13133155) * pro-tip; you can disable Autoptimize on a per-request basis by adding `?ao_noptimize =1` to the URL. * if the problem is not there at that point, some autoptimize (re-)configuration might be needed to fix this. there are troubleshooting tips and info on how to exclude in [the AO FAQ](https://wordpress.org/plugins/autoptimize/#faq). * hope this helps debugging, frank (ao dev) * Thread Starter [ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * (@ilyapokrov) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13135091) * [@wpmudev-support8](https://wordpress.org/support/users/wpmudev-support8/), I disabled the Autoptimize plugin, but the result remains the same. Still added the bold styles of writing of the text. * Thread Starter [ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * (@ilyapokrov) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13141663) * [@wpmudev-support6](https://wordpress.org/support/users/wpmudev-support6/), Can you help me with solving the problem? * Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * (@wpmudev-support8) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13144476) * Hi [@ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * Thanks for testing Autoptimize. * i didn’t quite expect disabling it to fix things but rather wanted to be able to see unoptimized/raw CSS as this makes it easier to troubleshoot things (and thanks [@optimizingmatters](https://wordpress.org/support/users/optimizingmatters/) for this great trick, it’s very useful, I’ll remember it!). * The issue here is that Hustle actually… kind of “fixes” things. On both these pages the “bold font” (which is not actually bold on the “correct” page) font is Roboto (Google font) and CSS “font-weight” is 500 but the “500” weight version of the font is not loaded on the first site. * Hustle happens to load Roboto font in various weights, including 500. But it’s not changing your CSS or adding to it, it just loads the font that’s otherwise defined by your CSS rules anyway, just missing from loaded resources. * As for margins, I’m not exactly sure what should I look for/at on both pages to compare. Would you please share a screenshot pointing those out? * Kind regards, Adam * Thread Starter [ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * (@ilyapokrov) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13145229) * [@wpmudev-support8](https://wordpress.org/support/users/wpmudev-support8/), Thank you for trying to help me. I took a screenshot that showed all the fixes. [https://ganzola.ru/wp-content/uploads/2020/07/shot-20200720-13616-uorvwz-scaled.jpeg](https://ganzola.ru/wp-content/uploads/2020/07/shot-20200720-13616-uorvwz-scaled.jpeg) * Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * (@wpmudev-support8) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13156036) * Hi [@ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * Thanks for sharing the screenshot! * I’s a bit of a shame to say that but… I still don’t see difference there if it comes to margins. On both pages they look the same to me and browser tools show“ calculated values” for those marked elements the same for both “non-Hustle” and“ Hustle” pages that you shared earlier. * Maybe it’s somehow browser/device related then? * What device and browser (if possible, including version numer along with OS and its version – so I could check that too) are you checking it with? * Best regards, Adam * Thread Starter [ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * (@ilyapokrov) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13158475) * [@wpmudev-support8](https://wordpress.org/support/users/wpmudev-support8/), It’s about bold typeface. The problem is on all browsers I’ve tested, namely: * Computers: 1) Google Chrome Version 83.0.4103.116 (Official assembly), (64 bit) 2) Firefox Browser 78.0.2 (64-битный) 3) Internet Explorer 11 Version 11.0.9600.19507( Update version 11.0.155) Mobile phones: 1) iOS 12.4.6 2) iOs 13.1 3) iOs 10.1.1 * Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/) * (@wpmudevsupport12) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13160875) * Hi [@ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * Hope you are doing well. * It is interesting that the PopUp is causing the problem, especially because I don’t see the CSS conflicting to Hustle CSS. * I checked the page using the provided URL: * `?ao_noptimize=1` * And I can see the: * ``` .entry-content h1, .entry-content h2... ``` * Those CSS rules are coming from the Theme CSS and overriding the default title CSS: * [https://monosnap.com/file/lcWMEEWx0mhBpHSZaVnuWtNn0fBjy9](https://monosnap.com/file/lcWMEEWx0mhBpHSZaVnuWtNn0fBjy9) * Could you navigate to WordPress > Appearance > Customize > Additional CSS and add the following CSS? * ``` .single .entry-content h1, .single .entry-content h2, .single .entry-content h3, .single .entry-content h4, .single .entry-content h5, .single .entry-content h6 { margin: inherit; font-weight: inherit; } ``` * Save the settings and flush all caches then check if the issue is gone. * Let us know the result you got. Best Regards Patrick Freitas * Thread Starter [ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * (@ilyapokrov) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13160910) * [@wpmudevsupport12](https://wordpress.org/support/users/wpmudevsupport12/), It didn’t help. I even prescribed it with the !important function, but it didn’t work out. It’s really strange, I’ve installed many plugins, but for some reason only yours changes the CSS. If you pay attention, the fonts on the page load normally at first, but at the end of loading they become bold. * Plugin Support [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/) * (@wpmudev-support2) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13167176) * Hello [@ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) , * Like my colleague explained here [https://wordpress.org/support/topic/css-by-default/#post-13144476](https://wordpress.org/support/topic/css-by-default/#post-13144476) Hustle is not changing the CSS styles. Your theme has declared bold font on those headers (font-weight: 500; is bold) but in the same time theme doesn’t load bold version of the Roboto font (only 300 weight). But Hustle loads those version( 300 and 500) and then the site is starting to use it as instructed by CSS. Can you please check this CSS: * ``` .single .entry-content h1, .single .entry-content h2, .single .entry-content h3, .single .entry-content h4, .single .entry-content h5, .single .entry-content h6 { margin: inherit; font-weight: 300 !important; } ``` * Let me know if this will help. * kind regards, Kasia * Thread Starter [ilyapokrov](https://wordpress.org/support/users/ilyapokrov/) * (@ilyapokrov) * [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/#post-13168037) * [@wpmudev-support2](https://wordpress.org/support/users/wpmudev-support2/), This only partially helped. Some titles are now displayed correctly, but nothing has changed in the similar products column. Of course, I can write this option separately for each element, but this is not correct. I think there is another way-you need to go through functions.php disable connection incorrect connection of your plugin’s fonts. Can you tell me how to do this? Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/css-by-default/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-by-default/page/2/?output_format=md) The topic ‘CSS by default’ is closed to new replies. * ![](https://ps.w.org/wordpress-popup/assets/icon-256x256.gif?rev=3446944) * [Hustle - Email Marketing, Lead Generation, Optins, Popups](https://wordpress.org/plugins/wordpress-popup/) * [Frequently Asked Questions](https://wordpress.org/plugins/wordpress-popup/#faq) * [Support Threads](https://wordpress.org/support/plugin/wordpress-popup/) * [Active Topics](https://wordpress.org/support/plugin/wordpress-popup/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/wordpress-popup/unresolved/) * [Reviews](https://wordpress.org/support/plugin/wordpress-popup/reviews/) * 19 replies * 7 participants * Last reply from: [Predrag – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support1/) * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/css-by-default/page/2/#post-13185420) * Status: resolved