CSS Problem

I have this page

http://tinyurl.com/4v6h2ox

Before I enlarged the product images, the text sate nicely underneath the image. Now it is overlapping the text. Any idea what I am doing wrong in the CSS?
lvollmerAsked:
Who is Participating?
 
LZ1Connect With a Mentor Commented:
Not the best way to do it, but you could add a margin-top:65px to grid_product_info.
0
 
Chad HaneyChief Technology OfficerCommented:
The height of the image div is being defined with !important.  You need to adjust that height.
0
 
Chad HaneyChief Technology OfficerCommented:
FYI this is part of the marketplace.css line 1191
div.item_image {
    height: 150px !important;
    margin: 0 auto;
}

Open in new window

0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
lvollmerAuthor Commented:
i need the image to be that specific height. previously it was smaller.
0
 
lvollmerAuthor Commented:
basically i need the image to be that height and have the product info sit under it without overlapping
0
 
Chad HaneyChief Technology OfficerCommented:
You need the image to be 150px tall or the height it is currently?
0
 
lvollmerAuthor Commented:
that works thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.