Event how to get rid of the big style?

cloudten10

On the events page and module one random event "feed the world" is bigger than the other how to get rid of that style and make it all like the others please?

dominic

Hi cloudten10,
You can remove the intro image for this event or add the following CSS code to the Backend > Site template styles > Ja-impact - default > Tools > Custom CSS:

.events-layout .item-highlight .blog-image {
     display: none;
}

cloudten10

dominic Thanks so much.
After checking that just hides the image but not the bigger box than the others.

dominic

Hi cloudten10,
OMG! I forgot this CSS code, Please add the following CSS code to the site:

@media (min-width: 1200px) {
.events-layout .item-highlight {
     grid-column: auto;
    grid-row: auto;
}
}

cloudten10

dominic That makes the event next to it the same size also but smaller. and the others the correct height.
Is there something in the php file maybe?

Also what defines the highlighted blog in admin anyway as it seems to just pick one at random?

Thanks

dominic

Hi cloudten10,
You can open the \templates\ja_impact\html\com_content\category\events.php file, line 158:
Replace this code:
$itemHighLight = "item-highlight";

with the following code:
$itemHighLight = "item-highlight-none";

and use the following code to hide the image:

.blog-item.item-highlight-none .blog-image {
    display: none;
}

cloudten10

That doesn't seem to do anything.
What I want is to have all the events the exactly the same size and all look the same in the module.

dominic

Hi cloudten10,
I have tested it on our site and it works fine. Could you send me the admin account for further checking? I will help you resolve this issue.

cloudten10

dominic Thanks mate.
Updated the post with login details, all it seems to do for me is hide the image. I want too keep the intro image but have it so all the sizes are identical

dominic

Hi cloudten10,
I have checked and the event items are the same now. So, do you want to show the images for all items or keep only 1 item and make all the items the same height?

cloudten10

dominic Thanks I want to show images for all items and have them all the same normal size.

netandsoftware

Without stepping on the partner's content, what is the logic behind that larger cell? If you want I can open another in a different thread.

I mean, which event will be the one that comes out bigger?

cloudten10

netandsoftware That's why i want it removed as there doesn't seem to be any logic behind it and I think it picks it at random.

dominic

Hi cloudten10, netandsoftware,
The event page will check and show highlights for item 2 in the event list. Also, this event needs to upload the intro image.
If you want to show all the images for the items, you can open the \templates\ja_impact\html\com_content\category\events.php file, line 157, and remove the following code:

             // if(count($this->intro_items) >= 3 && $counter == 1 && $this->columns == "2" && $imgexists) {
              //   $itemHighLight = "item-highlight";
              //   $checktextColor = false;
              // } else {
              //   $itemHighLight = "";
              // }

Note: Add the intro image for all the event articles.

cloudten10

dominic That's it! fantastic stuff works now.
Also for the events home page module you need to delete the same code on line 53 on /templates/ja_impact/html/mod_articles_category/events-layout.php

Thanks for your help