Category Image Size

[freax_linux]

I've search, and search and didn't find this one.

I have in my admin where to change my subcategories images size (width and height) but I don't find anywhere where I change the main page category image size. Where do I change this?

the method i used modify the stylesheet_tm.css (or other files that is suite in your template for this) locate in includes/templates/theme345/css . Open and search for something like this:

[QUOTE=.image span{ display:inline-block; position:relative; width:230px; height:130px;}[/QUOTE]

and change the height to your desire, and also change

[QUOTE=.image a{ padding:0; cursorointer; text-decoration:none !important; display:inline-block; width:230px; height:130px;}[/QUOTE]

if u dont find this kind of code, maybe is diferent from template to template, open each file in your .css folder and search from some line of code including image and height and test some changes. best regards

[Alasdair Macleod]

Hi ajose,
somebody showed me this one, you can locate the file includes/templates/template_default/templates/tpl_product_info_display.php and comment out the line for display category icon.. All the best!

[quickguitar]

well, i figured it out.. shoulda just tried figuring it out first before posting..

Go to ADMIN > CONFIGURATION > IMAGES

Look under:

Subcategory Image Width 100 Info
Subcategory Image Height 80

Those are your max pixel limits. Adjust to your liking.

Hope this helps!

That pixel limit no longer seems to apply (It doesn't on my 1.54 cart) FWIW

[MaxBodine]

Hi I have v1.5.5f responsive installed and I am wanting to adjust the category image size by a percentage not pixels like in Admin. in stylessheet

I tried this /* .categoryIcon {float:left;width:35%;} MAX Changes to center and 100% */
.categoryIcon {float:center;width:100%;}, it did make it fill the half.

I am missing what is restricting the top category image from going 100% across the page?
https://www.uesakausa.com/index.php?...hgg29pkfv3qis2

Any suggestions? Thanking in advanced!

[simon1066]

I think you can make this change to your stylesheet.css

.categoryIcon img {
    margin-bottom: 5px;
    width: 100%;
}

[MaxBodine]

THANK YOU! I missed that, I didn't apply it to the image itself. Sometimes you just need a second set of eyes, thanks for your help LOL!

[MaxBodine]

I am having same issue with categoryImg or categoryImgListing but it is not coming up in stylesheet when I do a search. Any idea on this one?

https://www.uesakausa.com/index.php?...hgg29pkfv3qis2

Thanks!

[simon1066]

Sure, add this to your stylesheet

#categoryImgListing.categoryImg img {
    width: 100%;
}

Edit: should explain that if you find an element tag (id/class) in the HTML without a corresponding entry in the stylesheet then it's ok to just add a new stylesheet entry accordingly.

[MaxBodine]

It worked. Thank You so much simon1066, and also for the editing! That really is a really helpful piece of information.

[simon1066]

No problem, glad to help.