{"id":2395,"date":"2026-10-20T08:32:21","date_gmt":"2026-10-20T07:32:21","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/listing-image-height-and-title-size\/"},"modified":"2026-10-20T08:41:00","modified_gmt":"2026-10-20T07:41:00","slug":"listing-image-height-and-title-size","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-tos\/listing-image-height-and-title-size\/","title":{"rendered":"How to change the listing image height and title size on the details page"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">On a listing&#8217;s details page, the images and title come either from GeoDirectory blocks on the GD Details template page or from your theme. Find out which first: edit the page set at GeoDirectory &gt; Settings &gt; General &gt; Pages &gt; Details Page and see which blocks it has.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image height with GD &gt; Post Images<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Select the GD &gt; Post Images block. With the AUI (Bootstrap) design style, the height of the image area follows the Aspect ratio setting rather than a fixed pixel height:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>21by9 is wide and short.<\/li>\n\n\n\n<li>Default (16by9) is the standard widescreen shape.<\/li>\n\n\n\n<li>4by3 is taller.<\/li>\n\n\n\n<li>1by1 is square.<\/li>\n\n\n\n<li>No ratio (natural) shows each image at its own height.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Image cover type controls how the picture fills that area, and Image size picks which WordPress image size is loaded. If the images look soft after you make the area larger, choose a bigger image size.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Title size with GD &gt; Post Title<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If the title comes from a GD &gt; Post Title block, its Font size setting changes the size (h1 to h6, or display-1 to display-4 for very large text). These are size classes, separate from the HTML tag, which you choose in Output Type.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">When the theme draws the header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Some themes, including some directory themes, show a large featured image and the listing title at the top of the page themselves. In that case the height and font size come from the theme. Look in the theme&#8217;s Customizer options first.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If the theme has no setting, override its CSS at Appearance &gt; Customize &gt; Additional CSS. Right click the image or title, choose Inspect, note the class name the theme uses, and add a rule like this with that class:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-css\">.your-header-class {\n\theight: 450px;\n}\n\n.your-title-class {\n\tfont-size: 2rem;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">If you see the featured image twice, once from the theme and once from GeoDirectory, turn on &#8220;Disable theme feature image output?&#8221; at GeoDirectory &gt; Settings &gt; Design &gt; Details.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>On a listing&#8217;s details page, the images and title come either from GeoDirectory blocks on the GD Details template page or from your theme. Find out which first: edit the page set at GeoDirectory &gt; Settings &gt; General &gt; Pages &gt; Details Page and see which blocks it has. Image height with GD &gt; Post [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[],"article\/categories":[211,432],"class_list":["post-2395","gd_place","type-gd_place","status-publish","hentry","gd_placecategory-tips-tricks-more","gd_placecategory-how-tos"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"author":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=2395"}],"version-history":[{"count":1,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2395\/revisions"}],"predecessor-version":[{"id":2456,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2395\/revisions\/2456"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=2395"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=2395"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=2395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}