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:
If you'd want the category name even closer to the image, you'll need to add this, too, to get rid of a <br/> in the HTML:

Hi,

That's because you configured your image thumbnails to a height of 200px as lousyfool said.
An alternative is to in the menu Display>Content menus and edit your menu. There, set the height of the category images to 112px and the height to 166px and that should fix the empty space issue on your categories listing.

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

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