[ad_1]
I’m having an issue where there’s an unwanted 40px padding on the left of any query loop created on a page no matter the flex settings, container nesting, grid pattern, etc.
I believe this is due to query loops being created in a UL Class which seems to have a default left padding of 40px, but I’m confused why this persists even with a grid pattern instead of a list pattern. I’ve tried custom CSS in-page to fix it but haven’t had any luck. Hope this doesn’t violate rule 9. Not sure if there’s a fix that doesn’t require a CSS reset. It could be unique to my theme (Astra), but the padding on UL seems to be in line with W3C guidelines, but I’m not using the list layout.
[ad_2]
Just add…
.class-name{padding-left: 0px !important;}
If you can’t find the exact class to overwrite you’ll need to do the following:
1. Right click on the page and click Inspect
2. Click the Select Element icon and right click on the UL
3. Go to the Copy menu and choose “Copy selector”.
4. Replace the class name with what is copied, it should look something like this #SHORTCUT_FOCUSABLE_DIV > div:nth-child(6) > div > div
5. Now put that code in to Customize > Additional CSS
6. Let me know!
The query loop has nothing to do with css (unless you’re referring some sort of theme specific module?), that’s up to your theme. Simply specify different CSS. If you’re unsure how to do that you’ll need to share your url.