That image you shared is the kind of thing you want to reproduce from another site?
And you have a custom post type (e.g. cars) and a custom image field that accepts multiple values (multiple pictures of the same car), and when viewing a single car post you want to output a gallery of those images, is that correct?
You need to edit the template for displaying cars (if you haven't already, create one at Toolset > Content Templates) and where you want the gallery to appear insert a "Repeating Field / Gallery" block.
You can choose to display a grid of images with the settings as shown in the screenshot.
Note that the border settings for that block apply to the entire gallery rather than the individual images, but if you expand the Field Settings options you can apply additional classes with styling to the images (or add an inline style) which you can use to set a custom image border.
Note that the border settings for that block apply to the entire gallery rather than the individual images, but if you expand the Field Settings options you can apply additional classes with styling to the images (or add an inline style) which you can use to set a custom image border.
where do I apply the classes and what are the codes.
thanks for the help, another request though. how do i get the gallery image to stay the same size on the slider display option. attach is the example of the image
thank you again Nigel, sorry to bother you again but I notice I cant get my gallery image to open on light box, when I click on the image it goes dark and no image pop out , how do I fix that.
thank you man, youre the best!!! now the only thing I need is to have a full background image on the inventory page as you can see its all white and I dont know which plugin or how to create a background image. I know I can do it with divi but this is not divi.
yes divi is the page builder I have currently installed but I am not using divi to edit this page, so I cant use the full back ground image on it and I would like to.
The background image is there on the inventory pages, but they include a div id="main-content" that has a white background and which obscures the background image on the body.
So you need to add a CSS style rule for that page which sets the main-content div to have a transparent background.
If you are not creating the page using Divi I'm not sure how you would add the CSS to just that page, but if you are designing the page with the block editor a simple way to do that would be to add a Custom HTML block to the page (anywhere) and then add the CSS inside a style tag, like so:
