Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#926240

Hi
Try below code in custom.css file

.magazine-category .magazine-item {
    min-height: 300px!important;
}

Let me know if it helps .

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#926596

Dear @pankaj Sharma,
thank you so much: it solved the problem!

Regards,
Federico

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#926602

Dear @pankaj Sharma,
I’m having a side problem:
On JACM, set as "Events : list", I’m having a bad output in "Small" Responsive layout (all the others are ok).
My articles are not showing the intro text, leaving a lot of white space (see attached example).
Is it possible to display them again in "Small" Responsive layout?

Thanks in advance,
Federico

---

Attachments:

1. 

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#927016

Dear @pankaj Sharma,
have you got news?

Regards,
F.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#927021

This reply has been marked as private.

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#927082

Dear @pankaj Sharma,
you can see it in homepage: http://www.epadova.com
I have two JACM modules in it, set as "Events : list", with ID 143 and ID 217.

I would like the articles in Small layout to be shown as the ones in module ID 142 (also in hompegage), with intro text, and less white space between them.
See as example the articles in homepage "Il Calandrino, il bistrot degli Alajmo", "Sushi Su, lounge bar giapponese a Padova", and "Spiller, la Fornace Morandi di nuovo in funzione".

I noticed the same problem in this Small layout also for items in JACM module ID 208: there is too much space between them in Samll layout.

Thanks in advance for you help,
Federico

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#927086

Hi
I checked the articles u mentioned in mobile and they are showing intro text in the mobiles
see this : http://prntscr.com/b0hy0r

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#927095

Dear @pankaj Sharma,
the one attached is the full article, and it is ok.

The problem is in homepage, with the preview of the articles.
See attachments.
Pay attention: you checkd it in "Extra-Small" layout: you need to enlarge it a little bit to see "Small" layout.

Regards,
Federico

---

Attachments:

1. 
2. 
3. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#927119

Hi
these article shows the event info only no intro text . Kindly check the same with large display view .
For the white gap add below code in custom.css file

@media (max-width:768px) {
   #magazine-category-module-208 > div > .magazine-item {
       min-height: 180px!important;
    }}

For intro text could u give me info after which change on site its not showing . Becuase i am not able to replicate this issue at my end .

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#927130

Dear @pankaj Sharma, thanks: the code solved the problem on events news (of course, module 208).

About texts, you are right. They are not shown. Could you aslo suggest the code to reduce the white spaces on module ID 143 and ID 217?

I tried with this:

@media (max-width:768px) {
   #magazine-category-module-143 > div > .magazine-item {
       min-height: 180px!important;
    }}

But it’s not working

Regards, Federico

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#927149

This reply has been marked as private.

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#927154

Hi @pankaj Sharma,
I tried, but this is not working.

I tried also to add a final "}"

    @media (max-width:768px) {
    .magazine-item {
           min-height: 180px!important;
        }}

And I also deleted the cache, but with no results…

Regards, F.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#927158

Hi
The code is not showing in your custom.css file .
see this : http://www.epadova.com/templates/ja_teline_v/css/custom.css
and when i add the code it works : http://prntscr.com/b0jmcn

code : `

 @media (max-width:768px) {

.magazine-category .magazine-item {
min-height: 180px!important;
}}

Hope it make sense.

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#927169

Hi @pankaj Sharma,
very good, thank you, it is working now!

You didn’t find the last code, because I re-insered the first one you gave me, but adding the ".magazine-category" it’s definitely working.

Thank you very much for your help,
Federico

[Author]

Posts