[Skip to main content](#vessel-content) # How to modify product page display ## - **[olifa07](/forum/user/28243-olifa07 "View olifa07's Profile")** - [![olifa07's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28243-olifa07 "View olifa07's Profile") Topic Author - [ Offline](/forum/user/28243-olifa07) Less More - Posts: 18 - Thank you received: 0 - - 7 years 10 months ago [\#301334](#301334) by [olifa07](/forum/user/28243-olifa07 "View olifa07's Profile") *[How to modify product page display](/forum/26-product-category-display/896399-how-to-modify-product-page-display#301334 "-- url of the page with the problem -- : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 -- HikaShop version -- : 4.0.1 -- Joomla version -- : 3.9.1 -- PHP version -- : 7.1.24 -- Browser(s) name and version -- : Firefox last version Hello, I wanna modify my product page : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 I'd like to move the pic to the left and have more space on right for the description. The dimensions of the pic are correct... I only want to diminue the margins (on left and right of the pic); Thx for your help; Olivier")* was created by *[olifa07](/forum/user/28243-olifa07 "View olifa07's Profile")* -- url of the page with the problem -- : [ www.fast-aluminium.fr/index.php/carrosse...category\_pathway-115](http://www.fast-aluminium.fr/index.php/carrosserie-industrielle/catalogue-2/produit/1208-rive-pour-tribenne/category_pathway-115) -- HikaShop version -- : 4.0.1 -- Joomla version -- : 3.9.1 -- PHP version -- : 7.1.24 -- Browser(s) name and version -- : Firefox last version Hello, I wanna modify my product page : [ www.fast-aluminium.fr/index.php/carrosse...category\_pathway-115](http://www.fast-aluminium.fr/index.php/carrosserie-industrielle/catalogue-2/produit/1208-rive-pour-tribenne/category_pathway-115) I'd like to move the pic to the left and have more space on right for the description. The dimensions of the pic are correct... I only want to diminue the margins (on left and right of the pic); Thx for your help; Olivier Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTYzOTktaG93LXRvLW1vZGlmeS1wcm9kdWN0LXBhZ2UtZGlzcGxheT90bXBsPW1hcmtkb3du) 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: 86315 - Thank you received: 14274 - - 7 years 10 months ago [\#301336](#301336) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[How to modify product page display](/forum/26-product-category-display/896399-how-to-modify-product-page-display#301336 "-- url of the page with the problem -- : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 -- HikaShop version -- : 4.0.1 -- Joomla version -- : 3.9.1 -- PHP version -- : 7.1.24 -- Browser(s) name and version -- : Firefox last version Hello, I wanna modify my product page : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 I'd like to move the pic to the left and have more space on right for the description. The dimensions of the pic are correct... I only want to diminue the margins (on left and right of the pic); Thx for your help; Olivier")* Hi, You want to edit the file "show_default" via the menu Display>Views. There, you can change the span6 to span4 for example: [ monosnap.com/file/jN6EyIPAto6BbNQl0MtQL6TDvxgAOa](https://monosnap.com/file/jN6EyIPAto6BbNQl0MtQL6TDvxgAOa) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTYzOTktaG93LXRvLW1vZGlmeS1wcm9kdWN0LXBhZ2UtZGlzcGxheT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[olifa07](/forum/user/28243-olifa07 "View olifa07's Profile")** - [![olifa07's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28243-olifa07 "View olifa07's Profile") Topic Author - [ Offline](/forum/user/28243-olifa07) Less More - Posts: 18 - Thank you received: 0 - - 7 years 10 months ago [\#301985](#301985) by [olifa07](/forum/user/28243-olifa07 "View olifa07's Profile") Replied by *[olifa07](/forum/user/28243-olifa07 "View olifa07's Profile")* on topic *[How to modify product page display](/forum/26-product-category-display/896399-how-to-modify-product-page-display#301985 "-- url of the page with the problem -- : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 -- HikaShop version -- : 4.0.1 -- Joomla version -- : 3.9.1 -- PHP version -- : 7.1.24 -- Browser(s) name and version -- : Firefox last version Hello, I wanna modify my product page : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 I'd like to move the pic to the left and have more space on right for the description. The dimensions of the pic are correct... I only want to diminue the margins (on left and right of the pic); Thx for your help; Olivier")* Perfect ! Thx for your help ! I have only two remaining problems in my product page. I have a vertical grey line at the bottom of my page U can see this line on : [ www.fast-aluminium.fr/index.php/carrosse.../category\_pathway-69](http://www.fast-aluminium.fr/index.php/carrosserie-industrielle/catalogue-2/produit/profile-d-encadrement-de-20mm/category_pathway-69) (under the picture on left) and I wanna change the size and the color of the tittle "Profilé d'encadrement de 20mm 118011" into "Profilé d'encadrement de 20mm 118011 " I didn't find how to do that using CSS. Thx for your help Regards Oliver Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTYzOTktaG93LXRvLW1vZGlmeS1wcm9kdWN0LXBhZ2UtZGlzcGxheT90bXBsPW1hcmtkb3du) 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: 86315 - Thank you received: 14274 - - 7 years 10 months ago [\#301986](#301986) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[How to modify product page display](/forum/26-product-category-display/896399-how-to-modify-product-page-display#301986 "-- url of the page with the problem -- : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 -- HikaShop version -- : 4.0.1 -- Joomla version -- : 3.9.1 -- PHP version -- : 7.1.24 -- Browser(s) name and version -- : Firefox last version Hello, I wanna modify my product page : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 I'd like to move the pic to the left and have more space on right for the description. The dimensions of the pic are correct... I only want to diminue the margins (on left and right of the pic); Thx for your help; Olivier")* Hi, If you look at that area with the grey line with your browser's inspector tool, you can see that it comes from some CSS in the red style file of HikaShop: [ monosnap.com/file/YzEWes6280oFRxUSNl12NzTla8pUdw](https://monosnap.com/file/YzEWes6280oFRxUSNl12NzTla8pUdw) So you can remove it from that CSS via the CSS area of the HikaShop configuration. Regarding the title, if you check the code, you can see the classes that you can use in your CSS: [ monosnap.com/file/fi2zY0c9pIWNnjFgdN40Pk8DmCrJGB](https://monosnap.com/file/fi2zY0c9pIWNnjFgdN40Pk8DmCrJGB) So for example, such CSS: Code: .hikashop_product_name_main, .hikashop_product_code_main { font-size: 2em !important; }.hikashop_product_code_main { color: red !important; } It's just basic CSS. Please understand that our support is to help you with the use of HikaShop, not to customize it for you. I was nice to give you the solution here but we can't help you for every bit of CSS you'll need. So I would recommend to get used to your browser inspector and CSS. It can be learned rapidely and will help you a lot customize your website, not only HikaShop. So it's a great investment for the future of your website. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTYzOTktaG93LXRvLW1vZGlmeS1wcm9kdWN0LXBhZ2UtZGlzcGxheT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[olifa07](/forum/user/28243-olifa07 "View olifa07's Profile")** - [![olifa07's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28243-olifa07 "View olifa07's Profile") Topic Author - [ Offline](/forum/user/28243-olifa07) Less More - Posts: 18 - Thank you received: 0 - - 7 years 9 months ago [\#302081](#302081) by [olifa07](/forum/user/28243-olifa07 "View olifa07's Profile") Replied by *[olifa07](/forum/user/28243-olifa07 "View olifa07's Profile")* on topic *[How to modify product page display](/forum/26-product-category-display/896399-how-to-modify-product-page-display#302081 "-- url of the page with the problem -- : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 -- HikaShop version -- : 4.0.1 -- Joomla version -- : 3.9.1 -- PHP version -- : 7.1.24 -- Browser(s) name and version -- : Firefox last version Hello, I wanna modify my product page : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 I'd like to move the pic to the left and have more space on right for the description. The dimensions of the pic are correct... I only want to diminue the margins (on left and right of the pic); Thx for your help; Olivier")* Ok thx for your help... I have understood how to do that now Thx a lot... I've only problems to find css files in my ftp server. regards Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTYzOTktaG93LXRvLW1vZGlmeS1wcm9kdWN0LXBhZ2UtZGlzcGxheT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 7 years 9 months ago - 7 years 9 months ago [\#302082](#302082) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[How to modify product page display](/forum/26-product-category-display/896399-how-to-modify-product-page-display#302082 "-- url of the page with the problem -- : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 -- HikaShop version -- : 4.0.1 -- Joomla version -- : 3.9.1 -- PHP version -- : 7.1.24 -- Browser(s) name and version -- : Firefox last version Hello, I wanna modify my product page : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115 I'd like to move the pic to the left and have more space on right for the description. The dimensions of the pic are correct... I only want to diminue the margins (on left and right of the pic); Thx for your help; Olivier")* Hello, You don't have to pass via your Ftp, see this [ **documentation**](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom) to see how to add and custom your **frontend css** file. Regards Last edit: 7 years 9 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTYzOTktaG93LXRvLW1vZGlmeS1wcm9kdWN0LXBhZ2UtZGlzcGxheT90bXBsPW1hcmtkb3du) 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.105 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)