[Skip to main content](#vessel-content)

#   where is the HTML file??

##

- **[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")**
- [![luizarios's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3405-luizarios "View luizarios's Profile") Topic Author
- [ Offline](/forum/user/3405-luizarios)

Less More

- Posts: 66
- Thank you received: 0
-
-

15 years 3 months ago [\#22124](#22124) by [luizarios](/forum/user/3405-luizarios "View luizarios's Profile")  *[where is the HTML file??](/forum/4-how-to/22124-where-is-the-html-file#22124 "Hello,  Well, I wanted the product page thumbnails to be 400px by 400px but the product listing menu to be 100x100 so I did as the documentation and set the thumbnail to 400x400, then I went to the css and changed the following class:  .hikashop&#95;product&#95;image img { width: 100px; height: 100px; }  as you can see from the image bellow the pictures were reduced but there was still a 400px space.  Using my friend Firebug I checked the page html and I found that this:    So all I need to do is to remove this Height:400px but I just can't find the HTML file.. any idea where will it be located??")* was created by *[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")*

Hello,

Well, I wanted the product page thumbnails to be 400px by 400px but the product listing menu to be 100x100 so I did as the documentation and set the thumbnail to 400x400, then I went to the css and changed the following class:

.hikashop_product_image img {
width: 100px;
height: 100px;
}

image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/400pixels.jpg

as you can see from the image bellow the pictures were reduced but there was still a 400px space.

Using my friend Firebug I checked the page html and I found that this:

&lt;div class=”hikashop_product_image” style=”height: 400px; text-align: center; clear: both;”&gt;

So all I need to do is to remove this Height:400px but I just can't find the HTML file.. any idea where will it be located??

- [ ![400pixels.jpg](/forum/attachment/1511) ](/forum/attachment/1511 "400pixels.jpg") [ ](/forum/attachment/1511?download=1 "400pixels.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzIyMTI0LXdoZXJlLWlzLXRoZS1odG1sLWZpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86320
- Thank you received: 14279
-
-

15 years 3 months ago [\#22127](#22127) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: where is the HTML file??](/forum/4-how-to/22124-where-is-the-html-file#22127 "Hello,  Well, I wanted the product page thumbnails to be 400px by 400px but the product listing menu to be 100x100 so I did as the documentation and set the thumbnail to 400x400, then I went to the css and changed the following class:  .hikashop&#95;product&#95;image img { width: 100px; height: 100px; }  as you can see from the image bellow the pictures were reduced but there was still a 400px space.  Using my friend Firebug I checked the page html and I found that this:    So all I need to do is to remove this Height:400px but I just can't find the HTML file.. any idea where will it be located??")*

Hi,

You need to add the CSS:
.hikashop_product_image{
height: 100px !important;
}

Otherwise, the HTML is in the file listing_img_title of the view product that you can edit via the menu Display-&gt;Views.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzIyMTI0LXdoZXJlLWlzLXRoZS1odG1sLWZpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")**
- [![luizarios's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3405-luizarios "View luizarios's Profile") Topic Author
- [ Offline](/forum/user/3405-luizarios)

Less More

- Posts: 66
- Thank you received: 0
-
-

15 years 3 months ago [\#22152](#22152) by [luizarios](/forum/user/3405-luizarios "View luizarios's Profile")  Replied by *[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")* on topic *[Re: where is the HTML file??](/forum/4-how-to/22124-where-is-the-html-file#22152 "Hello,  Well, I wanted the product page thumbnails to be 400px by 400px but the product listing menu to be 100x100 so I did as the documentation and set the thumbnail to 400x400, then I went to the css and changed the following class:  .hikashop&#95;product&#95;image img { width: 100px; height: 100px; }  as you can see from the image bellow the pictures were reduced but there was still a 400px space.  Using my friend Firebug I checked the page html and I found that this:    So all I need to do is to remove this Height:400px but I just can't find the HTML file.. any idea where will it be located??")*

I added the !important to my css rule and it didn't work.

I found the file listing_img_title but this is the HTML to the Joomla! template not Hika, Firebug says the class causing this problem is called hikashop_product_image

&lt;div class=”hikashop_product_image” style=”height: 400px; text-align: center; clear: both;”&gt;

but this class is not on this file.. the HTML page I opened not even mention Hika.. ![:unsure:](/media/kunena/emoticons/18.png ":unsure:") is there any other file I could find it??

Thanks

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzIyMTI0LXdoZXJlLWlzLXRoZS1odG1sLWZpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86320
- Thank you received: 14279
-
-

15 years 3 months ago [\#22159](#22159) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: where is the HTML file??](/forum/4-how-to/22124-where-is-the-html-file#22159 "Hello,  Well, I wanted the product page thumbnails to be 400px by 400px but the product listing menu to be 100x100 so I did as the documentation and set the thumbnail to 400x400, then I went to the css and changed the following class:  .hikashop&#95;product&#95;image img { width: 100px; height: 100px; }  as you can see from the image bellow the pictures were reduced but there was still a 400px space.  Using my friend Firebug I checked the page html and I found that this:    So all I need to do is to remove this Height:400px but I just can't find the HTML file.. any idea where will it be located??")*

The CSS should work with the !important. If it doesn't it's because your previous CSS is cached by your browser or something like that.

It is not a template file... If you don't see it, it means that you're not at the good place. Please do a screenshot so that we can see where you're looking for that file.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzIyMTI0LXdoZXJlLWlzLXRoZS1odG1sLWZpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")**
- [![luizarios's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3405-luizarios "View luizarios's Profile") Topic Author
- [ Offline](/forum/user/3405-luizarios)

Less More

- Posts: 66
- Thank you received: 0
-
-

15 years 3 months ago -  15 years 3 months ago [\#22173](#22173) by [luizarios](/forum/user/3405-luizarios "View luizarios's Profile")  Replied by *[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")* on topic *[Re: where is the HTML file??](/forum/4-how-to/22124-where-is-the-html-file#22173 "Hello,  Well, I wanted the product page thumbnails to be 400px by 400px but the product listing menu to be 100x100 so I did as the documentation and set the thumbnail to 400x400, then I went to the css and changed the following class:  .hikashop&#95;product&#95;image img { width: 100px; height: 100px; }  as you can see from the image bellow the pictures were reduced but there was still a 400px space.  Using my friend Firebug I checked the page html and I found that this:    So all I need to do is to remove this Height:400px but I just can't find the HTML file.. any idea where will it be located??")*

Hello,

Please find bellow the image of my css file with the changes I've made and a print screen of the Firebug

image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/frontend_custom.jpg

image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/firebug.jpg

- [ ![frontend&#95;custom.jpg](/forum/attachment/1513) ](/forum/attachment/1513 "...end&#95;custom.jpg") [ ](/forum/attachment/1513?download=1 "...end&#95;custom.jpg")
- [ ![firebug.jpg](/forum/attachment/1514) ](/forum/attachment/1514 "firebug.jpg") [ ](/forum/attachment/1514?download=1 "firebug.jpg")

Last edit: 15 years 3 months ago by [luizarios](/forum/user/3405-luizarios "View luizarios's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzIyMTI0LXdoZXJlLWlzLXRoZS1odG1sLWZpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86320
- Thank you received: 14279
-
-

15 years 3 months ago [\#22186](#22186) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: where is the HTML file??](/forum/4-how-to/22124-where-is-the-html-file#22186 "Hello,  Well, I wanted the product page thumbnails to be 400px by 400px but the product listing menu to be 100x100 so I did as the documentation and set the thumbnail to 400x400, then I went to the css and changed the following class:  .hikashop&#95;product&#95;image img { width: 100px; height: 100px; }  as you can see from the image bellow the pictures were reduced but there was still a 400px space.  Using my friend Firebug I checked the page html and I found that this:    So all I need to do is to remove this Height:400px but I just can't find the HTML file.. any idea where will it be located??")*

You didn't put the CSS code I wrote:
.hikashop_product_image{
height: 100px !important;
}

but:
.hikashop_product_image img{
height: 100px !important;
}

Your CSS applies to images in the div hikashop_product_image where mine applies directly to the DIV. Which is what you want to do.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzIyMTI0LXdoZXJlLWlzLXRoZS1odG1sLWZpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")**
- [![luizarios's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3405-luizarios "View luizarios's Profile") Topic Author
- [ Offline](/forum/user/3405-luizarios)

Less More

- Posts: 66
- Thank you received: 0
-
-

15 years 3 months ago [\#22189](#22189) by [luizarios](/forum/user/3405-luizarios "View luizarios's Profile")  Replied by *[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")* on topic *[Re: where is the HTML file??](/forum/4-how-to/22124-where-is-the-html-file#22189 "Hello,  Well, I wanted the product page thumbnails to be 400px by 400px but the product listing menu to be 100x100 so I did as the documentation and set the thumbnail to 400x400, then I went to the css and changed the following class:  .hikashop&#95;product&#95;image img { width: 100px; height: 100px; }  as you can see from the image bellow the pictures were reduced but there was still a 400px space.  Using my friend Firebug I checked the page html and I found that this:    So all I need to do is to remove this Height:400px but I just can't find the HTML file.. any idea where will it be located??")*

Nicolas,

Thank you very much, I didn't notice the img at the end of my class, I've changed it now and it works.

Thanks again for your help, I'd be lost without you ![:)](/media/kunena/emoticons/3.png ":)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzIyMTI0LXdoZXJlLWlzLXRoZS1odG1sLWZpbGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.295 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
