[Skip to main content](#vessel-content)

#   Product Image Display CSS

##

- **[thesedonacleanse](/forum/user/30781-thesedonacleanse "View thesedonacleanse's Profile")**
- [![thesedonacleanse's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30781-thesedonacleanse "View thesedonacleanse's Profile") Topic Author
- [ Offline](/forum/user/30781-thesedonacleanse)

Less More

- Posts: 1
- Thank you received: 0
-
-

12 years 9 months ago [\#141210](#141210) by [thesedonacleanse](/forum/user/30781-thesedonacleanse "View thesedonacleanse's Profile")  *[Product Image Display CSS](/forum/26-product-category-display/865329-product-image-display-css#141210 "-- url of the page with the problem -- :   www.sedonacleanse.com/purchase-sedona-cl...uct/4-cleansing-meal  -- HikaShop version -- : 2.2.3 (Starter) -- Joomla version -- : 2.5.17 -- PHP version -- : 5.5.3 -- Browser(s) name and version -- : Chrome (Version 32.0.1700.77), Safari (7.0.1)  I need some help with the CSS. As you can see from the picture the product is displaying to the right. I would like the product image on the left, with the add to cart button and price on the right. Can you help me with this? Thanks so much!")* was created by *[thesedonacleanse](/forum/user/30781-thesedonacleanse "View thesedonacleanse's Profile")*

-- url of the page with the problem -- : [ www.sedonacleanse.com/purchase-sedona-cl...uct/4-cleansing-meal](http://www.sedonacleanse.com/purchase-sedona-cleanse/product/4-cleansing-meal)
-- HikaShop version -- : 2.2.3 (Starter)
-- Joomla version -- : 2.5.17
-- PHP version -- : 5.5.3
-- Browser(s) name and version -- : Chrome (Version 32.0.1700.77), Safari (7.0.1)
[ ![hd697ef2.png](/forum/attachment/14901) ](/forum/attachment/14901 "hd697ef2.png")

I need some help with the CSS. As you can see from the picture the product is displaying to the right. I would like the product image on the left, with the add to cart button and price on the right. Can you help me with this? Thanks so much!

- [ ![hd697ef2.png](/forum/attachment/14901) ](/forum/attachment/14901 "hd697ef2.png") [ ](/forum/attachment/14901?download=1 "hd697ef2.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjUzMjktcHJvZHVjdC1pbWFnZS1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) 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: 86293
- Thank you received: 14271
-
-

12 years 9 months ago [\#141247](#141247) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Product Image Display CSS](/forum/26-product-category-display/865329-product-image-display-css#141247 "-- url of the page with the problem -- :   www.sedonacleanse.com/purchase-sedona-cl...uct/4-cleansing-meal  -- HikaShop version -- : 2.2.3 (Starter) -- Joomla version -- : 2.5.17 -- PHP version -- : 5.5.3 -- Browser(s) name and version -- : Chrome (Version 32.0.1700.77), Safari (7.0.1)  I need some help with the CSS. As you can see from the picture the product is displaying to the right. I would like the product image on the left, with the add to cart button and price on the right. Can you help me with this? Thanks so much!")*

Hi,

You can add such CSS on your website for that:

@media(min-width:1200px){
.span6{
width: 400px !important;
}
}
.hikashop_product_top_part {
height: 100px;
}

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjUzMjktcHJvZHVjdC1pbWFnZS1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) 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.098 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)