Noobie question remove padding on a certain page with class ID

Heeelp please!!

I am trying to remove padding controlled for one page whilst not affecting all other pages

the padding is set in template .css

.full-article .module-inner {
padding:0 15px;

I have set the page class suffix to image_article now i want to remove the padding on image_article page??

how can i overide full-article .module-inner {padding:0 15px;}

here is the xhtml

<div class=“bodycontent”>
<div id=“maincontent-block”>

																											&lt;div class=" imagearticle"&gt;
&lt;div id="page" class="full-article"&gt;

			&lt;div class="module-tm"&gt;&lt;div class="module-tl"&gt;&lt;/div&gt;&lt;div class="module-tr"&gt;&lt;/div&gt;&lt;/div&gt;
	&lt;div class="module-inner"&gt;
	
	&lt;div class="article-rel-wrapper"&gt;
					&lt;h2 class="contentheading"&gt;
			Articles &amp; Publishing			&lt;/h2&gt;
			 	&lt;/div&gt;
			
	
			
	
	
	&lt;p&gt;Read Articles on horse nutrition and horse care published by  These are incomplete sample articles &lt;span class=" "&gt;If you would like to read or publish the full article in your club magazine or newsletter please contact us on the contact page!!&lt;/span&gt;&lt;span class=" "&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;

			&lt;div class="article-ratings"&gt;
				&lt;/div&gt;
	&lt;/div&gt;
	&lt;div class="module-bm"&gt;&lt;div class="module-bl"&gt;&lt;/div&gt;&lt;div class="module-br"&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

</div>
</div>
</div>
<div class=“clr”></div>

	       											       									&lt;div id="mainmodules2" class="spacer w99"&gt;
	       												       										&lt;div class="block full"&gt;
	       												&lt;div class=" bran4"&gt;
	&lt;div class="moduletable"&gt;
		&lt;div class="module-tm"&gt;&lt;div class="module-tl"&gt;&lt;/div&gt;&lt;div class="module-tr"&gt;&lt;/div&gt;&lt;/div&gt;
		&lt;div class="module-m"&gt;&lt;div class="module-l"&gt;&lt;div class="module-r"&gt;
					&lt;div class="module-inner"&gt;

I’m assuming that the .imagearticle calss is only addded for hte image article page? If so you can just turn

.full-article .module-inner

Into

.imagearticle .full-article .module-inner

Yes? :). Unless I’m missing something (or you have a slightly different HTML structure for the other segment)

Thanks very much, you missed nothing im just learning

I have noticed the bottom padding is also controlled by
p {
margin-top: 0px;
margin-bottom: 0px;}

do i need a class to override this?

Thanks

No problem lol :). Normaly if it’s something simple like that (and I haven’t seen the OP to know how skilled they are) then I always think I’m missing an important detail :slight_smile:

<p>s don’t come with a default padding, but yes some browsers set a bottom margin on the <p> by default. You can control the defaults by setting it to whatever you wish.

You don’t technically need a class to override that, you just need more specificity (though I understnad what you are saying, and a class would probably be better for you)

For example, this would override that (with a specificity of 2, compared to the regular specificity of 1 as in the CSS you just posted above)


div p{margin:/*whatever*/;}