I own a website called www.elitemaths.com.au. The issue I am having is the with the template.CSS file which seems to make all images to stretch because it has the following syntax
.article-intro img,.article-content img,.article-image-full img {
width: 100%;
}
While I need to have this style apply on the main pages, I do not want it to work on all the articles I created under a certain category. The reason for this is because in these articles, I insert a lot of small images that I want to have in their actual size. These articles are found in the following link http://www.elitemaths.com.au/vce-study-materials/10-methods34/93-methods-3-4-version-2
The following is what I want to implement. Can you think of the simplest way to implement conditional style based on article type?
/* I want to implement to the main menu page articles of the website */
/* including HOME, STUDY MATERIALS (only main page), SERVICES, ABOUT US and LOGIN*/
.article-intro img,.article-content img,.article-image-full img {
width: 100%;
}
/* I only want to apply to the articles that sit under the STUDY MATERIALS main menu*/
.article-intro img,.article-content img,.article-image-full img {
initial;
}