two questions about formatting

Hi,

1. For photos that are smaller than the the specified height (Configuration > Files/Images), how do I make the product photos align at the bottom of the view port?

2. How do I change the strings "You chose the shipping method:" and "You chose the payment method:" that appear at checkout?

Dave

Hi,

You can do the modification in css, by editing the frontend css file in HikaShop > Configuration > Display. You can find some documentation here:
www.hikashop.com/en/support/documentation/faq.html#css

The translations can be overrided in HikaShop > Configuration > Languages, edit your translation file and replace the text between the quotes for your translations.

Hi Xavier,

Thanks for the info. I was able to easily modify the checkout strings, but haven't gotten anywhere with the first question. I tried a number of different edits to frontend_custom.css, none of which worked. I'm wondering if I need to edit a style definition elsewhere... I've attached a figure to clarify what I'm trying to do.

Dave

Hi,

Could you give us a link to your website ?
It's possible that you template override some properties, then try to do the modification in the css file of your template.

Hi Xavier,

I don't think the template is overriding some properties because I get the same result with other templates (I tried three additional ones). The website is

test.cheese2go.ca/index.php/shop-main

Dave

That's the correct way to change CSS.
However, to do what you want, it's actually quite complex CSS that you need:
.hikashop_product_image_subdiv{
position: relative !important;
height: 100% !important;
}

.hikashop_product_image_subdiv a{
position: absolute !important;
bottom: 0px !important;
margin: 0 75px 0 -75px !important;
}

.hikashop_product_image_subdiv img{
position: relative !important;
bottom: 0px !important;
}

We tested it on your page with firebug and it's doing exactly what you want.

Hi Nicolas,

Although that fix placed all the images along the bottom of the container, it caused an image to jump to the top and then back down again when it was clicked on. I asked a related question here

www.hikashop.com/fr/forum/2-general-talk...uct-image/76837.html

about how to disable the link on the images. Unfortunately, the second solution put all the images back to the top of the container.

Many thanks to you and Jerome for answering my question quickly.

Dave