Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

How would you style this? In the a phtml file or in css? 
 
cathyka
Member
 
Total Posts:  62
Joined:  2008-04-03
 

I am trying to edit the list phmtl to show a background image in the short description.

It works fine in the fine in the view.phtml.
I just added the new background class to the boxes css.
.product-shop .short-description .short-image {background:url(../images/short_image.gif) no-repeat 100% 100%; padding-bottom:15px;}

I noticed that the short-description is actually given the class="description" in the list.phmtl
So I changed it to class="short-description" to make it consistent.

Now new background class worked with the list layout in the list.phmtl
I noticed that the list layout had <div class="product-shop">

But
I noticed that the grid layout did not have a <div class="product-shop">

So my question is, is it better to add the <div class="product-shop"> to the list.phmtl
to pick up the above css

or should I just add the class
.short-description .filing to the {background:url(../images/short_image.gif) no-repeat 100% 100%; padding-bottom:15px;}

 
Magento Community Magento Community
Magento Community
Magento Community
 
Matto
Member
 
Total Posts:  38
Joined:  2008-05-17
 

I would add in the new CSS declaration.

 
Magento Community Magento Community
Magento Community
Magento Community
 
cathyka
Member
 
Total Posts:  62
Joined:  2008-04-03
 

Thanks Matto,
Since I am kinda of new to this, why?

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top