[Geschlossen] Adjusting the picture size of View-Results and Grid-Layout for Mobile

[Author]

Artikel

[reimundH]

Hello,

I´d like to adjust the picture size of the View-Results to 700x700 pixel.
This is the current loop-code:

[types field="profil-photo"][/types]
<h4 class=„post-title">[wpv-post-title]</h4>

In addition I´d like to adjusting the viewed Grid for “mobile“.
Currently I use 4 columns for the grid. On desktop and tablet it views 4 columns per row.
On mobile it views 1 column per row. I´d like to view 2 columns per row on mobile.

Looking forward to your support.
Thanks in advance.

Best regards
Reimund

[Minesh]

Hello. Thank you for contacting the Toolset support.

I would like to know - are you using view or content template or block view?

Here is the official doc about how you can add responsive design to your site:
=> https://toolset.com/course-lesson/creating-responsive-designs/

[reimundH]

Hello Minesh,

I´ve created a custom search with TS-View and in addition I use Elementor.
Currently the TS-View show the results in the original picture-size.
Also I use the plugin“Crop-Thumbnails“ and define a crop size of 700x700 pixel.
So I guess I have to define the picture-size with a code in TS-View, right? But I don´t know how to do correctly.

[Minesh]

what size you want to display using Toolset shortcode?

Please check the image field attributes that are supported with the following link:
=> https://toolset.com/documentation/customizing-sites-using-php/functions/#image

[reimundH]

I´d like to display 700x700 pixel.

[Minesh]

To display the image field in specific height and width, you can use the following shortcode:

[types field='profil-photo' title='%%TITLE%%' alt='%%ALT%%' size='custom' width='700' height='700' resize='proportional'][/types]

[reimundH]

Great, it works.
Thank you Minesh.

Now just the question about the displayed grid in mobile.
I´ve implement the TS-View results in Elementor as a Shortcode.
What I have to do to display 2 pics side by side on mobile?

[Minesh]

I will require to review how you setup your view.

Can you please share problem URL as well as access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.