Reply To: Override WPGeo Styles

#2615

John Allsopp
Expired Member
Post count: 399

Thanks @guust for the link.
A note on CSS specificity, to keep things simple think of it as a number, and the biggest number wins…
Inline styles = 1,x,x,x (1000 for each inline style:something;)
IDs “#” = x,1,x,x (100 for each ID)
Classes “.” = x,x,1,x (10 for each class)
Elements “p etc” = x,x,x,1 (1 for each element)
“!important” can be thought to beat them all with 1,x,x,x,x (10,000)

eg: #geodir_wrapper ul li .geodir_new_listing = a score of 112
100 for the ID (#geodir_wrapper)
10 for the class (.geodir_new_listing)
2 for the elements (ul & li)

To override that style you would need to get more specific. One way to do this is add a class to the body “.myclass”,

eg: .myclass #geodir_wrapper ul li .geodir_new_listing = a score of 122
100 for the ID (#geodir_wrapper)
20 for the classes (.myclass and .geodir_new_listing)
2 for the elements (ul & li)

Hope that helps rather than confuses!

20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount