1. gwolfe70
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 05 March 2024
  5.  Subscribe via email
After upgrading https://sftarc.org to Joomla 4.4.2 (PHP 8.2.16) I have dots over the pagination buttons at the bottom of a multi-page display on IPhone and IPad devices.Mozilla Firefox has a single dot before the Start button. I do not see this behavior using the Cassiopeia template (direct link to page for my site.).

The page that I am using to illustrate the problem is: https://sftarc.org/index.php/on-the-air-main-menu/nets/nets-all?view=catalog

The Joomla extension that is generating the list that I am referring to is "Custom Tables". I see the same behavior from the About Us / Club Events menu item that lists Joomla articles ( JCE PRO editor).

The dot appears to be coming from the pagination class. When I disable" list-style: disc outside none;" in the following rule the dot disappears:

maincontent ul {
list-style: disc outside none;
margin: 10px 0 10px 25px;
}

source shows as :j51_magnolia/css/nexus.min.css

The dots all most cover up the page numbers on an Apple device. I have provided a screen shot of the problem page, "On The Air / NETS / NETS ALL" main menu item.

IMG_1076.PNG
Attachments (1)
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

.maincontent ul.pagination {
list-style: none;
}


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

Looks like that fixed the problem. Added the CSS code you provided to my Custom CSS in the template.

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


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