I want to align titles just below images

-- url of the page with the problem -- : apf.cloudaccess.net/dvd
-- HikaShop version -- : 2.3.5
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.3.29
-- Browser(s) name and version -- : not browser dependant
-- Error-message(debug-mod must be tuned on) -- : no error message

If you can look at the page at apf.cloudaccess.net/dvd you will see that I have eight categories that are for images to a row. The titles for the categories are WAY below the images. I just want to push those titles up.

I have a custom.css file where I can put in a simple override.

Would you be willing to provide a code snippet for my custom.css file to push those titles just below their images?

The attached image shows how I would like to push up the title of the first one by displaying a large arrow.

Thank you, Sean Carney

It's coming from the thumbnail size values you've set in the HikaShop configuration, which is probably 300x200px. You'll want to leave these because you need this size in your product listings, but it results in the height of the (much smaller) category thumbnails also set to 200px.

So, the CSS should be like this:

.hikashop_subcontainer .hikashop_category_image {
  height: auto !important;
}

.hikashop_category br {
  display: none;
}

Oh yeah, thanks Nicolas... I keep forgetting that the settings in the menu "override" the global configuration...

Hello Lousyfool and Nicolas,
Wow. Fantastic, Thank you very much.
Sean