[Skip to main content](#vessel-content) # Cant figure out how the styling of HikaShop works. ## - **[inbeeldgezet](/forum/user/33198-inbeeldgezet "View inbeeldgezet's Profile")** - [![inbeeldgezet's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33198-inbeeldgezet "View inbeeldgezet's Profile") Topic Author - [ Offline](/forum/user/33198-inbeeldgezet) Less More - Posts: 2 - Thank you received: 0 - - 12 years 3 months ago - 12 years 3 months ago [\#162610](#162610) by [inbeeldgezet](/forum/user/33198-inbeeldgezet "View inbeeldgezet's Profile") *[Cant figure out how the styling of HikaShop works.](/forum/26-product-category-display/869428-cant-figure-out-how-the-styling-of-hikashop-works#162610 "Hello, I am new to the webshops on Joomla and i am running into a problem. I am making a website for a Jewel shop. I allready had a template for the website itself () and now i am making a webshop with HikaShop. As you can see in the attachment the layout for the products within a categorie, and the layout when watching a specific product, is far from nice. How can i do this the good way? I have seen there are joomla templates wich has styling for hikashop, but i allready got a joomla template and i dont know how to have it look good. The website is not online yet, so i cant give any URL. -- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.3.1 -- Joomla version -- : 3.3.1 -- PHP version -- : x.x.x -- Browser(s) name and version -- : XXXXX x.x.x -- Error-message(debug-mod must be tuned on) -- : Error_message")* was created by *[inbeeldgezet](/forum/user/33198-inbeeldgezet "View inbeeldgezet's Profile")* Hello, I am new to the webshops on Joomla and i am running into a problem. I am making a website for a Jewel shop. I allready had a template for the website itself ([ this is the template, its from JoomlaShine](http://demo.joomlashine.com/joomla-templates/jsn_vintage/pro/index.php)) and now i am making a webshop with HikaShop. As you can see in the attachment the layout for the products within a categorie, and the layout when watching a specific product, is far from nice. How can i do this the good way? I have seen there are joomla templates wich has styling for hikashop, but i allready got a joomla template and i dont know how to have it look good. The website is not online yet, so i cant give any URL. -- url of the page with the problem -- : [ mywebsite.com/mypage](http://mywebsite.com/mypage) -- HikaShop version -- : 2.3.1 -- Joomla version -- : 3.3.1 -- PHP version -- : x.x.x -- Browser(s) name and version -- : XXXXX x.x.x -- Error-message(debug-mod must be tuned on) -- : Error_message - [ ![h562953e.png](/forum/attachment/18232) ](/forum/attachment/18232 "h562953e.png") [ ](/forum/attachment/18232?download=1 "h562953e.png") Last edit: 12 years 3 months ago by [inbeeldgezet](/forum/user/33198-inbeeldgezet "View inbeeldgezet's Profile"). Reason: Adding info Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njk0MjgtY2FudC1maWd1cmUtb3V0LWhvdy10aGUtc3R5bGluZy1vZi1oaWthc2hvcC13b3Jrcz90bXBsPW1hcmtkb3du) 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 - - - 12 years 3 months ago [\#162612](#162612) 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 *[Cant figure out how the styling of HikaShop works.](/forum/26-product-category-display/869428-cant-figure-out-how-the-styling-of-hikashop-works#162612 "Hello, I am new to the webshops on Joomla and i am running into a problem. I am making a website for a Jewel shop. I allready had a template for the website itself () and now i am making a webshop with HikaShop. As you can see in the attachment the layout for the products within a categorie, and the layout when watching a specific product, is far from nice. How can i do this the good way? I have seen there are joomla templates wich has styling for hikashop, but i allready got a joomla template and i dont know how to have it look good. The website is not online yet, so i cant give any URL. -- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.3.1 -- Joomla version -- : 3.3.1 -- PHP version -- : x.x.x -- Browser(s) name and version -- : XXXXX x.x.x -- Error-message(debug-mod must be tuned on) -- : Error_message")* Hello, The best solution will be to directly use some CSS code : [ www.hikashop.com/support/documentation/1...the-display.html#css](https://www.hikashop.com/support/documentation/153-customize-the-display.html#css) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njk0MjgtY2FudC1maWd1cmUtb3V0LWhvdy10aGUtc3R5bGluZy1vZi1oaWthc2hvcC13b3Jrcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[inbeeldgezet](/forum/user/33198-inbeeldgezet "View inbeeldgezet's Profile")** - [![inbeeldgezet's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33198-inbeeldgezet "View inbeeldgezet's Profile") Topic Author - [ Offline](/forum/user/33198-inbeeldgezet) Less More - Posts: 2 - Thank you received: 0 - - 12 years 3 months ago [\#162987](#162987) by [inbeeldgezet](/forum/user/33198-inbeeldgezet "View inbeeldgezet's Profile") Replied by *[inbeeldgezet](/forum/user/33198-inbeeldgezet "View inbeeldgezet's Profile")* on topic *[Cant figure out how the styling of HikaShop works.](/forum/26-product-category-display/869428-cant-figure-out-how-the-styling-of-hikashop-works#162987 "Hello, I am new to the webshops on Joomla and i am running into a problem. I am making a website for a Jewel shop. I allready had a template for the website itself () and now i am making a webshop with HikaShop. As you can see in the attachment the layout for the products within a categorie, and the layout when watching a specific product, is far from nice. How can i do this the good way? I have seen there are joomla templates wich has styling for hikashop, but i allready got a joomla template and i dont know how to have it look good. The website is not online yet, so i cant give any URL. -- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.3.1 -- Joomla version -- : 3.3.1 -- PHP version -- : x.x.x -- Browser(s) name and version -- : XXXXX x.x.x -- Error-message(debug-mod must be tuned on) -- : Error_message")* Thanks for the response. I allready thought that would be the case. Although i saw there are also 'themes' available to use on existing website, but i dont know if the 'look and feel' is exactaly the same as the previews of the themes. Anyway, im on the CSS tour... and i have 1 more problem i ran into. I can custimize alot, but i cant find the right options for "hikashop_main_image" in the CSS file. The small "hikashop_child_image" below the main image can be addited on the CSS file, but i cant find all the CSS from the main image itself. There is 1 place in the CSS file wich has some code for "hikashop_main_image", and thats this: Code: div.hikashop_main_image_div, div.hikashop_main_file_div { position:relative; } I want to add some CSS to it like i also did on the "hikashop_child_image", its this styling: > border:1px solid #5BC2D4; > border-bottom-left-radius:4px; > border-bottom-right-radius:4px; > border-top-left-radius:4px; > border-top-right-radius:4px; > margin-bottom:2px; The problem is that the main image has CSS code wich is not in the CSS file.., it has some margin wich make my border look weird (see attachment)... how can i get to this code? - [ ![ha7025d8.png](/forum/attachment/18283) ](/forum/attachment/18283 "ha7025d8.png") [ ](/forum/attachment/18283?download=1 "ha7025d8.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njk0MjgtY2FudC1maWd1cmUtb3V0LWhvdy10aGUtc3R5bGluZy1vZi1oaWthc2hvcC13b3Jrcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14269 - - 12 years 3 months ago [\#162994](#162994) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Cant figure out how the styling of HikaShop works.](/forum/26-product-category-display/869428-cant-figure-out-how-the-styling-of-hikashop-works#162994 "Hello, I am new to the webshops on Joomla and i am running into a problem. I am making a website for a Jewel shop. I allready had a template for the website itself () and now i am making a webshop with HikaShop. As you can see in the attachment the layout for the products within a categorie, and the layout when watching a specific product, is far from nice. How can i do this the good way? I have seen there are joomla templates wich has styling for hikashop, but i allready got a joomla template and i dont know how to have it look good. The website is not online yet, so i cant give any URL. -- url of the page with the problem -- : mywebsite.com/mypage -- HikaShop version -- : 2.3.1 -- Joomla version -- : 3.3.1 -- PHP version -- : x.x.x -- Browser(s) name and version -- : XXXXX x.x.x -- Error-message(debug-mod must be tuned on) -- : Error_message")* Hi, We would need a link to the page to tell you exactly but that's not a problem. Just add !important in your CSS code if you want to override the CSS for another piece of HTML. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njk0MjgtY2FudC1maWd1cmUtb3V0LWhvdy10aGUtc3R5bGluZy1vZi1oaWthc2hvcC13b3Jrcz90bXBsPW1hcmtkb3du) 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.210 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)