Make a image in the excerpts responsive

Hey. I have put an image (a button who let our customers know if the item is on stock) The problem is, that I can't get it to be responsive. Can you help me with that?

Bests Mikkel, SuperEvent

!: The link for the page: http://www.supereventshop.dk/produkter/produkt-oversigt/

 

Ohh, i forgot to mention, that it is in the excerpts, importen detail

 

Hi superevent !

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.post_content img {
margin-right: 23px;
margin-top: 15px;
}
}
@media only screen and (max-width: 480px){
.post_content img {
width: 125px !important;
margin-right: 15px !important;
}
}

Thanks,
Praveen

 

I have done that now, but it does not seem to work?

Is there som code I should make when I add the image to the excerpts? I have put in the image by pressing the img-button in text on the excerpts part of a post. See the code below

Code:

<ul>
    <li>kr. 28.000,- inkl. blæser (plus moms)</li>
    <li>8,8x8,8x5,8 meter (Pakket: ca. 1,5 x 1,0 meter plus kugle) - Vægt: 150 kg</li>
</ul>
<div align="right"><img src="http://www.supereventshop.dk/wp-content/uploads/2015/01/kontakt-os-for-Leveringstid-Knap.jpg" alt="Køb nu" width="117" height="117" /></div>

 

Hi,

Could you provide us some edited screenshot to understand your issue?

Thanks,
Praveen

 

These screenshots is from the excerpts part of a post in the backend. It is the green button which says "leveringstid 1-3 hverdage" that we would like to be responsive.

 

Hello,

Please use below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 480px){
.content-bar img {
  max-width: 100%;
  width: auto;
}
}

Thanks & Regards
Pramod

 

Thanks alot Pramod, it finally worked out.