GeoDirectory SupportThumbnails – GeoDirectory Support https://wpgeodirectory.com/support/topic/thumbnails/feed Sat, 21 Mar 2026 19:47:36 +0000 http://bbpress.org/?v=2.5.14-6684 en-US https://wpgeodirectory.com/support/topic/thumbnails/#post-4579 <![CDATA[Thumbnails]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4579 Tue, 17 Jun 2014 21:56:19 +0000 jltrinka I’m trying to make the thumbnail images contained within the div, but the following is not working:

.geodir_thumbnail{
background-size:contain;
}

Is there another way to do this?

]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4613 <![CDATA[Reply To: Thumbnails]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4613 Wed, 18 Jun 2014 02:46:44 +0000 Guust A URL would be handy?

]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4625 <![CDATA[Reply To: Thumbnails]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4625 Wed, 18 Jun 2014 03:51:20 +0000 jltrinka https://wpgeodirectory.com/support/topic/thumbnails/#post-4630 <![CDATA[Reply To: Thumbnails]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4630 Wed, 18 Jun 2014 04:10:36 +0000 Guust 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.

]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4691 <![CDATA[Reply To: Thumbnails]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4691 Wed, 18 Jun 2014 12:16:09 +0000 jltrinka https://wpgeodirectory.com/support/topic/thumbnails/#post-4695 <![CDATA[Reply To: Thumbnails]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4695 Wed, 18 Jun 2014 12:34:44 +0000 Guust 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.

]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4708 <![CDATA[Reply To: Thumbnails]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4708 Wed, 18 Jun 2014 13:35:19 +0000 jltrinka https://wpgeodirectory.com/support/topic/thumbnails/#post-4811 <![CDATA[Reply To: Thumbnails]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4811 Wed, 18 Jun 2014 17:33:32 +0000 Paolo 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

]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4835 <![CDATA[Reply To: Thumbnails]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4835 Wed, 18 Jun 2014 18:58:18 +0000 jltrinka https://wpgeodirectory.com/support/topic/thumbnails/#post-4859 <![CDATA[Reply To: Thumbnails]]> https://wpgeodirectory.com/support/topic/thumbnails/#post-4859 Wed, 18 Jun 2014 20:03:59 +0000 Paolo 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

]]>