[Skip to main content](#vessel-content) # Featured products background picture and text ## - **[RickR](/forum/user/31502-rickr "View RickR's Profile")** - [![RickR's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31502-rickr "View RickR's Profile") Topic Author - [ Offline](/forum/user/31502-rickr) Less More - Posts: 6 - Thank you received: 0 - - 12 years 7 months ago [\#147028](#147028) by [RickR](/forum/user/31502-rickr "View RickR's Profile") *[Featured products background picture and text](/forum/26-product-category-display/866413-featured-products-background-picture-and-text#147028 "-- url of the page with the problem -- : degroenestart.nl/index.php/webshop -- HikaShop version -- : Latest -- Joomla version -- : 3.2 Is it possible to make the picture for the product centered in the featured products showcase? If yes, what do I need to change in the css? Is it also possible to make the picture of the product bigger? Ideally I would like the white background gone and just have the picture of the product plus the description, price and quantity that are there already. Which brings me to my last question: I cannot find the color hex for the text for the products in the featured products showcase. What is the exact name I need to look for?")* was created by *[RickR](/forum/user/31502-rickr "View RickR's Profile")* -- url of the page with the problem -- : [ degroenestart.nl/index.php/webshop](http://degroenestart.nl/index.php/webshop) -- HikaShop version -- : Latest -- Joomla version -- : 3.2 Is it possible to make the picture for the product centered in the featured products showcase? If yes, what do I need to change in the css? Is it also possible to make the picture of the product bigger? Ideally I would like the white background gone and just have the picture of the product plus the description, price and quantity that are there already. Which brings me to my last question: I cannot find the color hex for the text for the products in the featured products showcase. What is the exact name I need to look for? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjY0MTMtZmVhdHVyZWQtcHJvZHVjdHMtYmFja2dyb3VuZC1waWN0dXJlLWFuZC10ZXh0P3RtcGw9bWFya2Rvd24=) 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 7 months ago [\#147044](#147044) 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 *[Featured products background picture and text](/forum/26-product-category-display/866413-featured-products-background-picture-and-text#147044 "-- url of the page with the problem -- : degroenestart.nl/index.php/webshop -- HikaShop version -- : Latest -- Joomla version -- : 3.2 Is it possible to make the picture for the product centered in the featured products showcase? If yes, what do I need to change in the css? Is it also possible to make the picture of the product bigger? Ideally I would like the white background gone and just have the picture of the product plus the description, price and quantity that are there already. Which brings me to my last question: I cannot find the color hex for the text for the products in the featured products showcase. What is the exact name I need to look for?")* Hi, Reading that documentation will probably help you to solve your issue. The following user(s) said Thank You: [RickR](/forum/user/31502-rickr "View RickR's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjY0MTMtZmVhdHVyZWQtcHJvZHVjdHMtYmFja2dyb3VuZC1waWN0dXJlLWFuZC10ZXh0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[RickR](/forum/user/31502-rickr "View RickR's Profile")** - [![RickR's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31502-rickr "View RickR's Profile") Topic Author - [ Offline](/forum/user/31502-rickr) Less More - Posts: 6 - Thank you received: 0 - - 12 years 7 months ago [\#147092](#147092) by [RickR](/forum/user/31502-rickr "View RickR's Profile") Replied by *[RickR](/forum/user/31502-rickr "View RickR's Profile")* on topic *[Featured products background picture and text](/forum/26-product-category-display/866413-featured-products-background-picture-and-text#147092 "-- url of the page with the problem -- : degroenestart.nl/index.php/webshop -- HikaShop version -- : Latest -- Joomla version -- : 3.2 Is it possible to make the picture for the product centered in the featured products showcase? If yes, what do I need to change in the css? Is it also possible to make the picture of the product bigger? Ideally I would like the white background gone and just have the picture of the product plus the description, price and quantity that are there already. Which brings me to my last question: I cannot find the color hex for the text for the products in the featured products showcase. What is the exact name I need to look for?")* I have read the document and I have gotten stuck. That's why I am asking for where it is and how to change it. Just telling me the line of code where it is would be enough for me to continue. I have spend a few hours on it already and I am just making no headway. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjY0MTMtZmVhdHVyZWQtcHJvZHVjdHMtYmFja2dyb3VuZC1waWN0dXJlLWFuZC10ZXh0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 7 months ago [\#147094](#147094) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Featured products background picture and text](/forum/26-product-category-display/866413-featured-products-background-picture-and-text#147094 "-- url of the page with the problem -- : degroenestart.nl/index.php/webshop -- HikaShop version -- : Latest -- Joomla version -- : 3.2 Is it possible to make the picture for the product centered in the featured products showcase? If yes, what do I need to change in the css? Is it also possible to make the picture of the product bigger? Ideally I would like the white background gone and just have the picture of the product plus the description, price and quantity that are there already. Which brings me to my last question: I cannot find the color hex for the text for the products in the featured products showcase. What is the exact name I need to look for?")* Hi, Mohamed was talking about the "customize the display" documentation. [ www.hikashop.com/support/support/documen...ize-the-display.html](http://www.hikashop.com/support/support/documentation/153-customize-the-display.html) Depending your template, the colors and other elements can change. You have several options in the HikaShop menu/modules (under "Display > Content menu" and "Display > Content module") where you can change some basic options/colors of your product listing. But for more specific modification/customization, overriding the HikaShop CSS or adding new CSS rules in your template will be better. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. The following user(s) said Thank You: [RickR](/forum/user/31502-rickr "View RickR's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjY0MTMtZmVhdHVyZWQtcHJvZHVjdHMtYmFja2dyb3VuZC1waWN0dXJlLWFuZC10ZXh0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[RickR](/forum/user/31502-rickr "View RickR's Profile")** - [![RickR's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31502-rickr "View RickR's Profile") Topic Author - [ Offline](/forum/user/31502-rickr) Less More - Posts: 6 - Thank you received: 0 - - 12 years 7 months ago [\#147200](#147200) by [RickR](/forum/user/31502-rickr "View RickR's Profile") Replied by *[RickR](/forum/user/31502-rickr "View RickR's Profile")* on topic *[Featured products background picture and text](/forum/26-product-category-display/866413-featured-products-background-picture-and-text#147200 "-- url of the page with the problem -- : degroenestart.nl/index.php/webshop -- HikaShop version -- : Latest -- Joomla version -- : 3.2 Is it possible to make the picture for the product centered in the featured products showcase? If yes, what do I need to change in the css? Is it also possible to make the picture of the product bigger? Ideally I would like the white background gone and just have the picture of the product plus the description, price and quantity that are there already. Which brings me to my last question: I cannot find the color hex for the text for the products in the featured products showcase. What is the exact name I need to look for?")* I found the display [ ![[IMG](http://i.imgur.com/D2vSnH9.png) ](http://i.imgur.com/D2vSnH9.png "[IMG") I changed it to a bright colour to find it in the custom CSS file. It doesn't seem to be stored there. Where can I find it in the CSS file? [ degroenestart.nl/](http://degroenestart.nl/) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjY0MTMtZmVhdHVyZWQtcHJvZHVjdHMtYmFja2dyb3VuZC1waWN0dXJlLWFuZC10ZXh0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 12 years 7 months ago [\#147208](#147208) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Featured products background picture and text](/forum/26-product-category-display/866413-featured-products-background-picture-and-text#147208 "-- url of the page with the problem -- : degroenestart.nl/index.php/webshop -- HikaShop version -- : Latest -- Joomla version -- : 3.2 Is it possible to make the picture for the product centered in the featured products showcase? If yes, what do I need to change in the css? Is it also possible to make the picture of the product bigger? Ideally I would like the white background gone and just have the picture of the product plus the description, price and quantity that are there already. Which brings me to my last question: I cannot find the color hex for the text for the products in the featured products showcase. What is the exact name I need to look for?")* Hi, When using the code from this configuration (on the screenshot), the css is added inline, it means that it's added in the html directly and not in a css file. So in the css file, you have to add your custom properties like explained in the tutorial given. You can use "!important" at the end of your properties to be sure that it will override the inline css. Like: Code: .myClass{ color: #cccccc !important;} The following user(s) said Thank You: [RickR](/forum/user/31502-rickr "View RickR's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjY0MTMtZmVhdHVyZWQtcHJvZHVjdHMtYmFja2dyb3VuZC1waWN0dXJlLWFuZC10ZXh0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[RickR](/forum/user/31502-rickr "View RickR's Profile")** - [![RickR's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31502-rickr "View RickR's Profile") Topic Author - [ Offline](/forum/user/31502-rickr) Less More - Posts: 6 - Thank you received: 0 - - 12 years 7 months ago [\#147352](#147352) by [RickR](/forum/user/31502-rickr "View RickR's Profile") Replied by *[RickR](/forum/user/31502-rickr "View RickR's Profile")* on topic *[Featured products background picture and text](/forum/26-product-category-display/866413-featured-products-background-picture-and-text#147352 "-- url of the page with the problem -- : degroenestart.nl/index.php/webshop -- HikaShop version -- : Latest -- Joomla version -- : 3.2 Is it possible to make the picture for the product centered in the featured products showcase? If yes, what do I need to change in the css? Is it also possible to make the picture of the product bigger? Ideally I would like the white background gone and just have the picture of the product plus the description, price and quantity that are there already. Which brings me to my last question: I cannot find the color hex for the text for the products in the featured products showcase. What is the exact name I need to look for?")* So I can add the line for a colour. Does that mean I can add a line as well to remove the entire white background behind the product image? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjY0MTMtZmVhdHVyZWQtcHJvZHVjdHMtYmFja2dyb3VuZC1waWN0dXJlLWFuZC10ZXh0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 7 months ago [\#147466](#147466) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Featured products background picture and text](/forum/26-product-category-display/866413-featured-products-background-picture-and-text#147466 "-- url of the page with the problem -- : degroenestart.nl/index.php/webshop -- HikaShop version -- : Latest -- Joomla version -- : 3.2 Is it possible to make the picture for the product centered in the featured products showcase? If yes, what do I need to change in the css? Is it also possible to make the picture of the product bigger? Ideally I would like the white background gone and just have the picture of the product plus the description, price and quantity that are there already. Which brings me to my last question: I cannot find the color hex for the text for the products in the featured products showcase. What is the exact name I need to look for?")* Hi, Yes, you can do a lot of design customization using CSS. It is possible to change a background color, to remove it, etc. I really recommend you to read the documentation about how customize the display. Doing such job require some CSS knowledges. There are very good tutorial in Internet to learn that. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjY0MTMtZmVhdHVyZWQtcHJvZHVjdHMtYmFja2dyb3VuZC1waWN0dXJlLWFuZC10ZXh0P3RtcGw9bWFya2Rvd24=) 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.387 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)