You will need to put some CSS rules into the custom CSS setting. If you set the size of the wrapping element, it will change the size of the image it contains, but if you need to change the proportions of the image, that will result in cropping. Try something like this:
.pdb-list .image-field-wrap {
display: block;
width: 150px;
height: 150px;
overflow: hidden;
}
.pdb-list .image-field-wrap img {
width: 150px;
height: auto;
}
That might not work the way you want, you’ll have to tweak it probably, but that will get you started.
Thread Starter
dmkjr
(@dmkjr)
Thanks for the response! Is there an easy way to make the output responsive? Or better yet, where can I edit the template for how it displays?
Woudld like it something like
IMAGE FIRST NAME
IMAGE LAST NAME
iMAGE CITY/STATE
Something like that. Now, it’s just putting them in a straight line. PICTURE FIRST LAST CITY/STATE
Thanks for the awesome support.
This is a way more complicated request, so I’m not going to be able to help you much. So much depends on what your theme is doing and also what target platforms you’re working with. Testing and tweaking responsive layouts is also difficult without a special setup.
One thing you can try is to use the “bootstrap” template for your singe record, it may get you closer to what you want.
[pdb_single template=bootstrap]
Thread Starter
dmkjr
(@dmkjr)
Thanks again for the response. I added the template tag to the shortcode and it’s not doing anything.
Is that the correct format, or should there be “bootstrap” surrounding it?
Are there other templates that people have made public?
Thanks,
The bootstrap template might look the same as the default template, but it will most likely look different, so if you don’t see a change, the template is probably not being shown. It doesn’t haver to be enclosed in quotes to work.