Featured Products Border

Hi,

I couldnt find a thread that addressed this so here it goes.

I am trying to remove the border that is around the featured products section on my main page.

https://www.nsidecollectibles.com

any help would be greatful.. i have been searching my css file and have not been able to find a fix.

Thanks!!

I changed the .centerboxwrapper to no border but i was only hoping to change the featured products section not the new products section

Specificity is the word of the day. With a sufficiently specific reference you can style anything in Zen.

If you look at Page Source in your browser, you'll see that the featured products are in a div with a class of...

class="centerBoxContentsFeatured centeredContent back"

whereas the new products are in a div with a class of...

class="centerBoxContentsNew centeredContent back"

And all of that is inside a larger div classed as centerboxwrapper. So when you change that one you change both. Instead, change (add it if it's not there) the class centerBoxContentsFeatured. Apply whatever styles you want to it, and different styles to centerBoxContentsNew and you should be fine.

Note: the above will apply a style to each of the products independantly. If instead you want to style the block the featured products are in, all at once, there's an id you can use. The same div that is classed as centerboxwrapper is IDed as either featuredProducts or whatsNew, so you can apply your styles there to, for example, put a colored box around all the New products as a block, or a colored background behind all the Featured products as a block.

HTH

Rob

actually your note at the bottom is what i was trying to do. i was hoping to affect the block border. although i could not find a featuredproducts IDed.

thanks

although i could not find a featuredproducts IDed.

If it's not in your style sheet, you can add it as ...

#featuredProducts {
border: whatever;
}

There are many classes and IDs used in the Zen code which are not entered in the stylesheet. They're there for our use if we want them.

Rob

fantastic. thanks all is well

rstevenson:

If it's not in your style sheet, you can add it as ...

#featuredProducts {
border: whatever;
}

There are many classes and IDs used in the Zen code which are not entered in the stylesheet. They're there for our use if we want them.

Rob

Yah...it work for me!
Thanks!