If you want to control the dimensions of images or have perfect control over text and style then you are talking about customizing which is outside of support.
Your site is already customized on the Detail page with custom template code and inline styles.
You will need to edit those style or add new ones to change the site display.
For example, this is controlling the heading:
#wpapps-sd div.geodir-post-title h2, div.geodir-post-title h2 a {
pointer-events: none;
color: #757575!important;
font-size: 2em;
font-weight: 500;
margin: 0;
padding: 0 0 0 0;
}
The image height is set in the theme and is a theme feature. This is an example of the theme code:
@media (max-width: 1280px) and (min-width: 768px) {
.sd.single.geodir-page .featured-area, .sd.sd-preview .featured-area {
height: 60vh;
}
}
There are many rules like that inside the theme css. They need to be overridden one by one with new values if you want to change them.
You can do something like:
.sd.single.geodir-page .featured-area, .sd.sd-preview .featured-area {
height: 60vh!important;
}
But this is a shortcut and from a ‘design perspective’ will effectively break the theme because it will override other rules that are meant to keep the site responsive, to look different on different screen sizes).
Many rules should be edited to change that featured area height correctly. We provide the theme CSS and plugin layout with default settings and overriding it is a customization.
All of the code above came from your own site.
To customize it you need to use the inspector to create custom CSS, edit the code in your template, get a theme builder, or hire someone to do it for you.
https://wpgeodirectory.com/docs-v2/faq/customizing/
Alex Rollin 5 years, 3 months ago.
