Suivant theme Content (subcategory_listing)

[makco1]

I'm trying to add a box or shadow or something around the Subcategory Listing display to make it easier to view.
Does the base CSS control the display Look & Feel of the Content (subcategory_listing)
OR is this in one of the Suivant theme CSS files?

[rajnishsi]

Re: Suivant theme Content (subcategory_listing)

Style for category tree is defined in the css/structure.css file in your web root directory.

[makco1]

Re: Suivant theme Content (subcategory_listing)

I found 12 different CSS filed under /subdomains/dev/httpdocs
and I found 3 different CSS files under /subdomains/dev/httpdocs/Merchant2/css/00000001
This is why I asked which one would control the Content (subcategory_listing) on a PAGE Template

I'm not trying to change the Category Tree itself
but on each Parent Cat page that we may have 30 sub cats we display the Sub Cats on the Top of the page for easy location for customer. example pages
http://dev.bulkpart.com/2/category/42RLE.html

http://dev.bulkpart.com/2/category/A...ion-Parts.html

[rajnishsi]

Re: Suivant theme Content (subcategory_listing)

http://dev.bulkpart.com/css/pages.css
This is the CSS file you are after then, thought you were asking about sub-categories in category tree.

[Mark Hood]

Re: Suivant theme Content (subcategory_listing)

I found 12 different CSS filed under /subdomains/dev/httpdocs
and I found 3 different CSS files under /subdomains/dev/httpdocs/Merchant2/css/00000001
This is why I asked which one would control the Content (subcategory_listing) on a PAGE Template

I'm not trying to change the Category Tree itself
but on each Parent Cat page that we may have 30 sub cats we display the Sub Cats on the Top of the page for easy location for customer. example pages
http://dev.bulkpart.com/2/category/42RLE.html

http://dev.bulkpart.com/2/category/A...ion-Parts.html

If you haven't seen this module make sure you check it out for a chance to save time which is money.
http://www.phosphormedia.com/product/pm_edit_this.html

[jsdva]

Re: Suivant theme Content (subcategory_listing)

Specifically: If you want to add the box/shadow to the entire area of subcategories, then you'd add to this style: sub-category-layout. But if you want to add a box/shadow to each of the subcategories themselves, then you'd add to this style: sub-category. As rajnishi said, the styles are in the http://dev.bulkpart.com/css/pages.css folder under the CTGY PAGE section.

border + shadow for the entire section (sub-category-layout):

border: 1px solid #ccc;
box-shadow: inset 0px 0px 1px #ddd;
-webkit-transition: box-shadow 1s ease;
-moz-transition: box-shadow 1s ease;
-o-transition: box-shadow 1s ease;
transition: box-shadow 1s ease;

border + shadow for each subcategory (sub-category):

border: 1px solid #ccc;
box-shadow: inset 0px 0px 1px #ddd;
-webkit-transition: box-shadow 1s ease;
-moz-transition: box-shadow 1s ease;
-o-transition: box-shadow 1s ease;
transition: box-shadow 1s ease;

border + shadow on hover for each subcategory (sub-category):

box-shadow: inset 0 0 5px #ccc;
-moz-transition: box-shadow 1s ease;
-o-transition: box-shadow 1s ease;
-webkit-transition: box-shadow 1s ease;
transition: box-shadow 1s ease;

Just border *or* shadow: Use the part of the styles above that you want to keep, except for just border on hover for the sub-category style add the border with a different color.

A tip: If you get the Web Developer extension for browsers like Chrome or Firefox, you can right-click on the element that you want to know about, and see what styles are applied and which file contains that style.


Hope this helps,

Jamie

[makco1]

Re: Suivant theme Content (subcategory_listing)

Thank you all for the information.
Big learning curve on themes & .css