Announcement

Collapse
No announcement yet.

how to change the size of the sub-category image block?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • how to change the size of the sub-category image block?

    I'm not an html designer. but, i understand enough of css to be dangerous--the problem here I think.

    I'm not trying to make a global change..I just need one category's page to display smaller sub-category graphics; the default image block has a min-height attribute of 160. I need it to be 80 so that the sub category name isn't so far from the image.

    Now, if I go to chrome's developer tools and manually change:

    HTML Code:
    .sub-categories .img { display: block;
    min-height: 80px; }
    I get what I'm after.

    So, I've created a second category_x.html style file that calls .img2 (rather than .img) ; and, i've copied the .sub-category .img code from layout.css and pasted it in to default_modified.css like:

    HTML Code:
    .sub-categories .img2 {
    display: block;
    min-height: 80px;
    }
    .sub-categories .img2 img {
    max-width: 150px;
    }
    and apply the new style to the category it responds like there's no stylesheet at all. Anyone have any idea what I'm missing?
Working...
X