I'm trying to edit a Joomla template that someone else wrote to include some new CSS classes for a page I made, but some of the elements in my new classes get overridden by previous classes.
This is what firebug looks like:
CLICK ME
As you can see, my margin; 0 from the section-people-photo-pic class is crossed out and overridden by the art-article img class (useing firebug to disable that margin: 1em makes everything align properly).
How can I force the margin: 0 for images with the class section-people-photo-pic while maintaining the margin: 1em for images in the rest of the articles?
This is what firebug looks like:
CLICK ME
As you can see, my margin; 0 from the section-people-photo-pic class is crossed out and overridden by the art-article img class (useing firebug to disable that margin: 1em makes everything align properly).
How can I force the margin: 0 for images with the class section-people-photo-pic while maintaining the margin: 1em for images in the rest of the articles?