Problem with Icon List widget link style
-
Hi.
I noticed that after recent updates, the links in the Icon List widget are breaking a line and putting text before and after the link from new lines. Here’s what it looks like:
https://share.zight.com/E0uNPQdz
Here is how it looks in the Elementor editing area:
https://share.zight.com/5zuR5lpKWhy could this happen and how can it be fixed?
-
Hi there,
Thanks for contacting us and hope you are doing well and having a great day.
To rule out the possibility of a plugin or theme conflict, please deactivate all your plugins (besides Elementor). If it solves the issue reactivate them one by one to find the culprit. If it didn’t help, switch your theme (temporarily) to a default WP theme such as Twenty Nineteen and see if it makes any difference.
Also, this could happen due to our Elementor performance experiments you can try to deactivate them. To deactivate them you can go to Elementor > settings > features
Performance features currently in the experimental stage are:
- Element Caching – Elements caching reduces loading times by serving up a copy of an element instead of rendering it fresh every time the page is loaded. When active, Elementor will determine which elements can benefit from static loading – but you can override this.
- Inline Font Icons – This experiment renders icons as SVGs without loading the Font-Awesome and eicons libraries. Since SVGs are vector-based images which are rendered using the browser’s engine, they do not increase server requests which improves performance
I am looking forward to hearing back from you soon.
Kind regards,
Thanks for the reply, @miloss84
The problem is not caching or incompatibility with theme or plugins. The problem is that the Icon List widget has styles set that break the line that contains the link:
.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
align-items: var(--icon-vertical-align, center);
display: flex
;
font-size: inherit;
}I fixed the problem by adding the following to the styles:
.elementor-widget .elementor-icon-list-item a {
display: inline !important;
}But it would be great to have this issue fixed at the Elementor widget level, as it may affect many users who use this widget.
It would be really great if you would notify after the problem has been fixed.
Hi ,
I hope you’re doing well.
It looks like the issue has already been resolved. Please make sure your Elementor plugin is updated to the latest version.
As this thread has been inactive for over two months, we’ll go ahead and close it now.
Best regards,
Hi @ricav
Unfortunately, the problem still persists in version 3.29.2.
Thank you @broslavski. The CSS code worked.
The topic ‘Problem with Icon List widget link style’ is closed to new replies.