1. SP Page Builder 3.x
  2. Thursday, 23 July 2020
I want to create a design where there are 3 images in a row. Right now the design I get is 3 images that are on top of each other in a column.
I tried to solve this using CSS and saw that the MARGIN of each image captures the entire line and probably for this reason, the next image goes down a line.
The problem I encountered is that the MARGIN of the area to the right of the image is about 0 but still see that it occupies the area of the entire row.

What can be done about it?
Is there another solution you can offer me so that I can arrange the images as 3 images in a row or alternatively, that the row can contain the maximum number of images at a time before it goes down to a new row that will contain the following images?
Attachments (1)
Accepted Answer
So the solution is


.your_class .sppb-panel-body {
display: flex;
justify-content: space-between;
align-items: center;
}

Solved by user
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # Permalink
Responses (6)
Hi,
First keep a backup and then Remove your css make this portion again. Go to that specific row and select column
Follow this screencast below:
https://files.fm/u/mf3qzsyw
-Best regards
Mehtaz
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 1
Hi Mehtaz thank you for the quick response.
The example you sent me now is familiar to me.
What I want to do is create 3 columns within an accordion so I am having a problem here.
Attachments (1)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 2
Here you can see there is no options to make columns in the accordion addon
Attachments (2)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 3
Hi. You can achieve this in two ways.
Using css. Add your class to accordion addon and write the code.
For example:

.your_class .sppb-panel-body {
display: flex;
justify-content: space-between;
align-items: center;
}


1.jpg
Or using the SP module. Create the module as you need and insert it into the accordion via the joomla module addon.
Attachments (1)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 4
Hi. You can achieve this in two ways.
Using css. Add your class to accordion addon and write the code.
For example:

.your_class .sppb-panel-body {
display: flex;
justify-content: space-between;
align-items: center;
}


[attachment]1.jpg[/attachment]
Or using the SP module. Create the module as you need and insert it into the accordion via the joomla module addon.


Thanks(:
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 5


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.