CSS overrides not working

[resonantimagery]

Hello,
I’ve read a few of the other posts regarding this but I’m still having trouble. I’m wanting to fix up the left margin issue in the widget. This is the code I’m using:
.widget.tribe-events-adv-list-widget ol { margin-left: 0; }

I’ve added this code to my theme’s (Avada) custom css, it didn’t work. I’ve also created the file avada/tribe-events/pro/tribe-events-pro.css…didn’t work.

Any other suggestions?

[snorton]

@resonantimagery: I’ve learned that you must increase the specificity for your CSS in order to override the tribe styles. I’d be happy to point you in a more *specific* (horrible pun intended) direction if you’ll provide me with a link to a page that contains this widget.

[resonantimagery]

Thanks for your reply @snorton. Here’s the link:
http://www.resonantimagery.com.au/zccq/about/

[snorton]

try this:
#sidebar > .tribe-events-adv-list-widget ol { padding-left:0; }

I am assuming, of course, you’re referring to the indention on the list items? That space is actually created in your case with padding and not a margin. So your CSS would work, too, if you changed it to padding-left instead of margin-left. My solution should work, too.

[resonantimagery]

Thank you so much! I should have tried padding-left…but the other posts on here were all saying margin-left.

Thanks for your help 🙂

[Leah]

Thanks for helping out snorton, you rock 🙂

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts