Create 3 columns in Hikashop front-end

-- url of the page with the problem -- : mywebsite.com/mypage
-- HikaShop version -- : 2.3.0
-- Joomla version -- : 3.1.5

Hi people, I have researched a lot, make several tests, read a lot of documents, but I can't make the front-end of products and categories to display 3 columns. I almost getting crazy.

Here is the link I need to change from 1 to 3 columns, Simple as is, but I can't do this.
fitally.com.br/site/index.php/loja

Someone may help with this little issue?

Thanks for any good soul that may help.

Willian

Hi

It seem hikashop box model use display:block so each box go to new line . To not stay to this display
you can change display value to inline-flex but using another selector
in your page there is two thumbnails item that are related only to product so layout is not break !!

for example ( can't test if other file location work )
in site/media/com_hikashop/css/frontend_defualt.css
in the first line before all selector ( can't test if other location in the file work )
add .thumbnails {display: inline-flex;}

I don't like add code to default css file so try to put this selector in any css file you want ( your's) and test if it work
I don't read others threads about 1 column to 3 columns , if you do thank's to post your feedback about the way you resolve your problem related to thoses post .
I hope this ll helpfull

Hi
There is no reason to use all selectors define by one template like there is no reason to use only one css framework , you can make mix if you want but you have to master css html "paradigm/ logic" design with CMS website logic like Joomla ( or whatever ) !!!
I don't think i do something wrong even the code i post give 4 column but i think it is related to server setting !!
you can override / use higher specificity properties name / value selector (reusing boostrap selector or not ) to make boostrap css properties not apply ? the last properties in the hiearchy ll master and be apply right ? ( even it is not the reality but i let you find test why ? it very tricky for a css standart and don't test all cases )


for return to new line perhaps nth-child but 3 1 / 31 / 3 1
Here a capture screen before and after . I don't test for many browsers . it is only clue not ( perhaps ) the right way to do ....


regard's

@bilwide
some of your template is made using /* Created by Artisteer v4.2.0.60623 */ but don't find many art item name !!
Can you explain wich /how many css framework you use in the website ?
Here artisteer main layout but static file that give not many information about implementation

Thank you my dear friends! I disable bootstrap and... its done!
fitally.com.br/site/index.php/loja
Thanks again!!!