You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#112036 Images aligning horizontally and captions

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Saturday, 15 October 2022 11:12 BST

Luk
Hello Ryan, I want to provide the possibility to my front-end users (publisher) to insert images in an article and to align them horizontally next to each others. So I added following css in my custom css-field of my template, to have 2 or 3 or 4 images next to each other, and the user has only to add the chosen class in image manager extended/advanced/classes:

.column2 {
  float: centre;
  width: 45%;
}

.column3 {
  float: centre;
  width: 30%;
}

.column4 {
  float: centre;
  width: 22.5%;
}

@media screen and (max-width: 768px) {
  .column2, .column3, .column4 {
    width: 100%;
  }
}
This works nice, but once I insert captions in the images, the images are sorted vertically and in original size. What am I doing wrong ?

Luk
Hello Ryan,

Topic may close. I was to much focussed on CSS while "Create Colums" does exactly the same what I wanted to reach.
Have a nice day and keep on the good job :-)

Ryan
Topic may close. I was to much focussed on CSS while "Create Colums" does exactly the same what I wanted to reach.


I was going to suggest you try the Columns tool! 😃

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.