Override CSS – custom.css

Hi all,

I must be doing something very silly.

http://italiabathrooms.com/

I am trying to override the gaps in between the category icon list. I went into my custom.css file and put this code in:

---

edited code

.page-id-2397 .av_one_third {

margin-left: 3%;

width: 31.333333333333332%;

}

.page-id-2397 .no_margin.av_one_third {

margin-left: 0%;

width: 33.3%;

}

---

I want this to affect just the homepage. If i change it the normal way then it affects the other pages.

---

old code

div .av_one_third {

margin-left: 6%;

width: 29.333333333333332%;

}

.no_margin.av_one_third {

width: 33.3%;

}

---

Thanks