Thumbnails

A URL would be handy?

You need to specify the same class as the one you want to override:

.geodir_category_list_view li .geodir-post-img .geodir_thumbnail {
background-size: contain;
}

should work?

This site gives you an idea how it might look in different devices.

This is the site I forgot to post before: http://prism.mobiforge.com/

@media only screen and (max-width: 860px)
.geodir_category_list_view li .geodir-post-img .geodir_thumbnail {
background-size: contain;
position: relative;
}

media=”all”
@media only screen and (max-width: 860px)
.geodir_thumbnail {
height: 80px;
}

Have a play with that. Use http://prism.mobiforge.com/ together with Chrome’s inspector and you should be able to fine-tune it.

New core has different css classes in html to make it easier to adapt to virtually all themes.

All css changes have to be inspected with either inspect element for google chrome or firebug if you prefer firefox and css classes of your custom css edited to reflect the new css classes in the template.

Let us know if you cann’t figure it out.

Thx

Hi,

we will not keep all reply private. Only those with links to your website if you don’t wish to show them.

Forum are made to be seen by others too in case they encounter similar problems.

Thanks

In your style.css line 38 you added:

.geodir_new_listing {
background: url(“/images/new.png”) no-repeat scroll left top rgba(0, 0, 0, 0);
height: 40px !important;
margin-left: 5px;
margin-top: -5px;
position: absolute;
right: 0;
text-indent: -9009px;
top: 0;
width: 40px !important;
}

Simply remove the / before images/new.png and the image will appear again.