1. johannarakers
  2. Commercial Templates
  3. Friday, 20 March 2020
  4.  Subscribe via email
Hi,


Hope you are fine in these strange times!

J51_news module (template = Carmen)

How can I define the height of the div's next to each other in pixels? I can define 'Intro Text Length' in the setup of the module. But text in my newsarticles differs in textlenght (and text is also quite short).

If I define 'Intro Text Length' in the setup, some text in several articles is CUT OFF on the end (...). I DON'T want that.

I want to show ALWAYS the whole text of the article in the module. So, If I can give the div's in the module that are NEXT to EACH OTHER THE SAME HEIGHT (enough to show the text of 'longest' article) then I can see the whole text AND the div's have nice the same heigth. Of course in that case there will be some 'empty space' in several div's on the bottom (above the 'Bekijken'-button), but that is okay.

Do you have some CSS? (See image attachment)
utl


Best regards

Frank
Attachments (1)
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Frank

Strange times indeed!

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

Edit to taste where 3 is the max number of lines that will be displayed in the caption.

.j51news figcaption p {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


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