Recent
Categories
View Replies (7)

Icons module - icon link styling

0
Votes
Undo
  1. ColDee
    ColDee
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 06 March 2023
  5.  Subscribe via email
Hi,

I'm using the Icons module in Joomla 4.

When I add a URL to the icon, it changes the styling. Please see attached. The one in the left has a URL attached to the icon. The one on the right doesn't.

Regards,
Colin.
Attachments (1)
Screenshot-icons-module-styling-error.jpg Screenshot-icons-module-styling-error.jpg
Responses (7)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Colm

Would you have a URL to an example of this issue?

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

I have set up a test page : https://www.spicetower.uk/test-page

The left icon is the same as the right icon, except for the icon link.

Regards,
Colin.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Colin

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

.j51_icons .j51_icon_layout_row-t-i i {

    text-align: center;

}

.j51_icon figure > a {

    align-items: center;

    display: flex;

}


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

I've added the code, but it's still not displaying correctly. Please see test page : https://www.spicetower.uk/test-page

Regards,
Colin.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Colin

You appear to have a small spelling mistake in your CSS. You have 'centre' instead of 'center'.

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

That's strange, I thought I just copied and pasted the code. No worries.

It's working better now, but it aligns to the left not the right.

Regards,
Colin.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Colin

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

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


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