-
Posts
-
I am using an icon list in my blog post in which I am assigning the h3 header tag to its icon list items. However, the h3 tag is not shown in the output HTML and not displayed in the Enfold table of contents. I am using the latest version of WP and Enfold. How can I get Enfold to render the H3 tag correctly?
[av_iconlist position='left' iconlist_styling='av-iconlist-small' custom_title_size='20' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' custom_title='' custom_content='' color='custom' custom_bg='' custom_font='#d63e2d' custom_border='' animation='' alb_description='' id='' custom_class='' av_uid='av-246yl5' admin_preview_bg='']
[av_iconlist_item title='xxxx' icon='ue838' font='entypo-fontello' heading_tag='h3' heading_class='' link='' linktarget='' linkelement='' av_uid='av-4ygxet']Hey AlexR,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi Victoria,
thank you for your quick replay. I have updated the private content data and look forward hearing from you.
Thanks
Alex
Hi AlexR,
Thank you. It’s not very clear to me which element you have an issue with. Could you please attach some screenshots of the issue?
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
VictoriaHi Victoria,
on the page there are two icon boxes, each has multiple items, e.g. the icon box in the center has the titles “Rücksendeetikett“, Rücksendekosten“, etc. I would like all these titles and the titles in the other icon boxes to be rendered with <H3> tags. In addition they should be included in the table of contents on the sidebar.
Thanks,
Alex
I have added an Enfold Table of Contents to the sidebar and selected H1 to H6 headers to be included in it. However the headers from the iicon list box are not shown.
Hi,
The Table of Contents (TOC) element or widget can only detect heading tags (h1-h6) and the titles in the iconlist element are not wrapped in any of these tags. You have to use the Special Heading element or add the heading tags manually.
Example:
<h3>Custom Title</h3>Best regards,
IsmaelHi Ismael,
I tried this, but this breaks the formatting of the icon list item header. The header is then no longer displayed in the same row as the icon. For more information please refer to the URL in the private content area.
Configuring the h-tags in the settings as recommended by Victoria does not work either in my case. The h tags are not rendered in the output.
Could this be an issue (bug?) with the Icon List Items control as the settings used are actually not in the output HTML?
Hi,
Another solution is to use the Special Heading element. As we mentioned previously, the iconbox title is not a heading or is not wrapped in any of the heading tags by default.
Best regards,
IsmaelHi Ismael,
how would I be able to add the
Special Headingelement in the visual editor for this use case? I tried it but did not find a way to add aSpecial Headingelement toIcon List item.
Besides: If setting the Header category in theIcon Listsettings is a bug, when shall I expect it to be fixed. Will your developers investigate this further?Thanks,
AlexHi
Thank you for the update.
You may need to replace the Icon List with another set of elements because again by default its title is not inside a heading tag, so the TOC will NOT include it. You can use the Special Heading, Icon and the Text Block elements to create a layout that is close to the Icon List element.Besides: If setting the Header category in the Icon Listsettings is a bug, when shall I expect it to be fixed. Will your developers investigate this furthe
It’s not a bug – it’s just the default markup or HTML of the Icon List element.
UPDATE: We just noticed that there is an option where you can adjust the Heading Tag of the icon list item. Please edit one of the icon list items, then go to the Advanced > Heading Tag toggle and select one of the heading tags (h1, h2, h3 ..).
Best regards,
IsmaelHi Ismael,
I am well aware of theAdvanced Optionsyou mentioned in your update. These settings don’t work: The specified header is not in the HTML output.
That’s why I posted my question here.
These advanced settings are key to make this work correctly but seem to have a bug.
Thanks
AlexHi,
Thank you for the info.
We can’t reproduce the same issue on our end, the installation is using the latest version of the theme v4.7.6.3 and the heading option for the icon list items is working as expected. Did you modify any of the template files? We may need to temporarily deactivate the plugins in order to check the issue properly. Would that be alright?
Best regards,
IsmaelHi,
We still can’t figure out why it’s not working in your installation. Please download a new copy of the theme from your account and try to upload it to the site again. And please post the FTP account in the private field so that we can debug the issue further or edit the files when necessary.
Best regards,
IsmaelHi Ismael,
I do not t feel to secure about reinstalling the theme myself.
After uploading and installing the theme a few months ago using WordPress, I did just one update using the Enfold update feature. All changes are in the Enfold Child theme.
However, please do feel free to reinstall the theme.
Since the website is still in alpha release, feel free to try out different things and fixes if you like.
I have attached the access data in the private field for you,
Thanks,
AlexHi,
Thank you for the info.
Looks like the title element is always set to div when the Styling > List List Styling settings is set to “Minimal small list”. We have forwarded the issue to our channel to clarify if this is the intended behavior.
Best regards,
IsmaelHola, buenas tardes.
Tengo instalado un plugin de tabla de contenidos en mi web, quisiera desistalarlo y poner el del tema de Enfold, pero no me sale en mi blog. ¿Cómo lo puedo solucionar?. Gracias.Salu2
Hi,
@AlexR: The patch is going to be included in the next theme update. For now, we have to overwrite /config-templatebuilder/avia-shortcodes/iconlist/iconlist.php file using the content of the link in the private field.
Best regards,
IsmaelHi,
@TusBolsosyMochilas: Please open a new thread and post the site details in the private field. We’ll continue there.Best regards,
IsmaelHi,
@TusBolsosyMochilas: You could open a new thread using the form on this page. https://kriesi.at/support/forum/enfold/#new-postBest regards,
IsmaelI also have the same issue (h3 not working in minimal list heading). Do you please have the iconlist php file with the fix I can have?
- You must be logged in to reply to this topic.