1. mabutaha
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 20 September 2022
  5.  Subscribe via email
Dear Ciaran,

I have two issues with the J51_News module:

1- I would like the J51News module Carousel layout to have the same navigation/transition icon as in the demo template. On my site, it appears as white squares and a line on the right while in the demo template it appears differently. Please see the screenshots.

Here are examples of the module:
https://www.afmssc.com/index.php/supportive-functions/calibration-center
https://www.afmssc.com/index.php

2- When opening the news article and displaying the date it shows the name "Published" instead of the calendar icon as in the demo template. See screenshots.
Here is a URL example: https://www.afmssc.com/index.php/news-and-events/news-and-events-details/159-calibration-center

P.S. your temporary access is still active.

Thanks,
Mai
Attachments (5)
Accepted Answer Pending Moderation
0
Votes
Undo
Hello,
Would you kindly be able to get back to me on this issue?

Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mai

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

.newsitem:not(.tns-slide-active) figure {
box-shadow: none;
}


2. To amend try also adding the following to your Custom CSS field...

.article-info dd .icon-calendar {
display: inline;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Thank you for the reply.

The first code just removed the shadow box but did not solve the navigation icon issue. It still looks as two white squares not (< >;) as in the demo.

The second code did show the calendar icon but did not have the primary color and the word "Published" is still there. I would appreciate having a code to make it exactly as in the demo template. Please refer to the 3rd and 5th attachments I previously sent as an example.

Thanks,
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mai

The "published" string can be edited / left blank via your Joomla language overrides (System -> Language Overrides). Here is a Joomla 3 tutorial however the same principal allis to Joomla 4... https://www.inmotionhosting.com/support/edu/joomla/joomla-3/overrides/

On which URL do you have the issue with the white squares? On which browser are you having this issue? We are currently unable to replicate.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Followed the language override instructions and worked... THANK YOU SO MUCH Ciaran, every day I learn something new from you :D ... I really appreciate it!

Would you please guide me on how to change the calendar icon color here as well?

As for the white squares, I'm having this issue on Safari. I checked Chrome and I found it the same as on your site (without white squares) but if the background is white the transition icons < > do not show as they are already colored white.
Maybe also on safari they are already there but within the white squares, so they do not show.

Can I change their colors at least, I think this will solve the issue.

Another request, how can I remove the shadowed rectangle under the date? see attachment.
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mai

Happy to help :)

Regarding the calendar icon color, to amend try adding the following to the Custom CSS field of your templates parameters (edit to taste)...

.published .icon-calendar {
color: #569d2a;
}


Regarding the prev and next buttons try also adding the following...

.j51news-prev, 
.j51news-next {
background: #62a946;
padding: 4px;
margin: 2px;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran!

The first code worked like magic. Thank you.
The second code worked perfectly on Chrome but Safari is not responding to the code. It's strange how browsers behave differently!

What makes it more puzzling, I have installed the J51_Rotate module and I'm using it on the same template; the prev. next. icons are visible correctly on both Chrome and Safari While the J51_News module acts differently!
You can check that on the Home page. https://www.afmssc.com/index.php
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for the update.

I have amended the module override, removing the button type attribute from these icons which I am hoping will resolve this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran, BRILLIANT support as usual!

All good now ;)
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok