[Skip to main content](#vessel-content) # CSS help needed ## - **[lenvo](/forum/user/27970-lenvo "View lenvo's Profile")** - [![lenvo's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/27970-lenvo "View lenvo's Profile") Topic Author - [ Offline](/forum/user/27970-lenvo) Less More - Posts: 8 - Thank you received: 0 - - 13 years 1 month ago - 13 years 1 month ago [\#123390](#123390) by [lenvo](/forum/user/27970-lenvo "View lenvo's Profile") *[CSS help needed](/forum/26-product-category-display/861957-css-help-needed#123390 "Since yesterday I am user of Hikashop. I've done several tutorials to learn Hikashop better so I already created different product and category modules. Thank you for the clear descriptions. Now I...")* was created by *[lenvo](/forum/user/27970-lenvo "View lenvo's Profile")* Since yesterday I am user of Hikashop. I've done several tutorials to learn Hikashop better so I already created different product and category modules. Thank you for the clear descriptions. Now I have a challenge with my limited knowledge of web design. On my website [ ](http://www.tasmanvakantie.nl)[ www.tasmanvakantie.nl](http://www.tasmanvakantie.nl) I use a Leotheme template and I would like to show my Hikeshop products the same way as you can see on the mainpage (the mouseover effect included). Menu-item HikaShop leads you to my Hikashop module menu item. Ofcourse I do not expect you to tell me exactly what I have to customize. But can you tell me which files (css?) I need to adjust? Where should I look around in css files for those syntax? What is the easiest way? I hope you can give me some good advice to get me on track. Or maybe someone couId help me with this. I really look forward to your answers. Best regards, Lennart Last edit: 13 years 1 month ago by [lenvo](/forum/user/27970-lenvo "View lenvo's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjE5NTctY3NzLWhlbHAtbmVlZGVkP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 1 month ago [\#123398](#123398) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[CSS help needed](/forum/26-product-category-display/861957-css-help-needed#123398 "Since yesterday I am user of Hikashop. I've done several tutorials to learn Hikashop better so I already created different product and category modules. Thank you for the clear descriptions. Now I...")* Hi Lennart, The best way to do [ CSS customization ](http://www.hikashop.com/support/19-documentation/hikashop/installation-configuration/84-css-styling.html)for Hikashop is to do it by editing the Hikashop CSS file through "*Hikashop->System->Configuration->Display->**Front-end CSS File***" Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjE5NTctY3NzLWhlbHAtbmVlZGVkP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lenvo](/forum/user/27970-lenvo "View lenvo's Profile")** - [![lenvo's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/27970-lenvo "View lenvo's Profile") Topic Author - [ Offline](/forum/user/27970-lenvo) Less More - Posts: 8 - Thank you received: 0 - - 13 years 1 month ago [\#123418](#123418) by [lenvo](/forum/user/27970-lenvo "View lenvo's Profile") Replied by *[lenvo](/forum/user/27970-lenvo "View lenvo's Profile")* on topic *[CSS help needed](/forum/26-product-category-display/861957-css-help-needed#123418 "Since yesterday I am user of Hikashop. I've done several tutorials to learn Hikashop better so I already created different product and category modules. Thank you for the clear descriptions. Now I...")* Thanks for your reply. I've read the documentation and tried to put the syntax below in different places in css and also tried to find out where with mozzilla element inspect. Can you tell me where to place this syntax in css so it had effect on the whole container? I tried everything.. width:27.8%; float:left; padding: 10px!important; margin: 15px !important; background: #fff !important; box-shadow: 0px 0px 3px #aaa; -moz-transition:0.7s ease-in-out; -webkit-transition:0.7s ease-in-out; height:346px; Best regards, Lennart Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjE5NTctY3NzLWhlbHAtbmVlZGVkP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 1 month ago [\#123424](#123424) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[CSS help needed](/forum/26-product-category-display/861957-css-help-needed#123424 "Since yesterday I am user of Hikashop. I've done several tutorials to learn Hikashop better so I already created different product and category modules. Thank you for the clear descriptions. Now I...")* I think that you can use this kind of CSS code : Code: \#leo-page { width: 27.8%; float: left; padding: 10px!important; margin: 15px !important; background: #fff !important; box-shadow: 0px 0px 3px #aaa; -moz-transition: 0.7s ease-in-out; -webkit-transition: 0.7s ease-in-out; height: 346px; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjE5NTctY3NzLWhlbHAtbmVlZGVkP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & 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.129 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)