cubecolour

It is possible to add images to tabs (eg icons) by using the ‘icon’ or ‘ico’ shortcode attribute which then enables each tab to be targetted with CSS. If you want to simply add an icon to each tab, you can use tabby responsive tabs customiser add-on plugin (which contains the font awesome 4 open source icon files) to make the icons available.

To change a tab to target a specific URL instead of opening the tab, You can use the Tabby Tab to URL Link add-on plugin.

The tab content can be indexed by search engines, however it is not possible for the search result to direct to the page with the relevant tab open.

Please see this answer: https://www.ads-software.com/support/topic/song-titles-all-have-number-1-in-front/

My first thought was perhaps the issue is related to autoptimise, however after troubleshooting this by disabling autoptimise in the browser by adding ?ao_noptimize=1 to the url and refreshing the page, the issue remained suggesting that this is not the case.

In Web Developer Tools I see four instances of the “Uncaught ReferenceError: jQuery is not defined” error message, each giving a reference to a different script that uses jQuery as a dependancy – including tabby.js. This suggests that the issue is not specific to tabby script, but is caused by jQuery running later than the four scripts which depend on it, when it should be run before them.

In the page source I can see that the line which loads jQuery contains the attribute ‘defer’. I suspect this is causing it to run later than the scripts which depend on it.

If you can track down what is adding the ‘defer’ attribute to the line that loads jQuery and find the option to remove it, then we should be able to see whether this fixes the issue. Anything which caches/optimises/speeds up the site should be investigated for this.

This is unusual. Please provide a link to a page on the site where the issue can be seen.

This should be possible. If your icon is added as an image you should be able to use the <img> tag in place of the link text when ading the shortcode

I can see the issue; it is probably caused by the audio player being within a lightbox. I have not tried this configuration before so I don’t know how I would expect it to behave and I don’t think I can suggest a way to get it to work as normal. The only thing I can suggest would be to look for a workaround that does not use the buttonlink in the audioplayer. eg use a link elsewhere on the page to show the lyrics either by means of a lightbox (I’m not sure whether that would work with the content already being in a lightbox) or to toggle visibility of a block of text – like a single section of an accordion.

Hi Patrick – Thank you.

I have looked into this issue further as it is affecting several of the sites I manage. To investigate I set up a new site in local with the default theme and only added two plugins — ‘branda’, and ‘safe svg’ which I use to be able to upload svg images to the media library.

Then I activated only the admin bar module of branda and set an svg image as the admin bar logo. On clicking ‘save changes’, the error message appeared.

When the admin bar logo was already set to an SVG, and the ‘Safe SVG’ plugin was deactivated, the error message remained.

Edit:

On further investigation I have found that the issue appears to be related to this change:

https://plugins.trac.www.ads-software.com/changeset/2873488/branda-white-labeling/trunk/inc/modules/admin/bar.php

In Branda v3.4.9.3, when I edit line 628 of modules/admin/bar.php from

if ( empty( $src ) || false === wp_getimagesize( $src ) ) {

to

if ( empty( $src ) ) {

To reverse that change, the error message disappears and the svg logo displays in the admin bar.

It is not a practical solution to edit this file on my sites as the change will be wiped out on each site whenever the plugin is updated. I have been able to work around the issue by using a .png image instead of the SVG image. In that case, even with Safe SVG active there is no error message.

If a fix is possible it would be great to be able to use SVG images for the admin bar logo, as was possible with Branda up to version 3.4.8.1.

• This reply was modified 1 year, 8 months ago by cubecolour.

Thank you for the reply Luis.

WordPress and all plugins are at the latest versions. I have updated PHP to 8.0.28 for the site and set the permissions using filezilla however the issue remains when the admin bar module is active. I have disabled the admin bar module for now to prevent the error message from appearing.

I have not been able to reproduce this issue on a test site, but I have not been able to test using the theme you have as it is a commercial theme which I do not have access to.

Use the Health Check & Troubleshooting plugin to investigate whether the issue goes away when a default theme is set and/or when all other plugins are not active.

It looks like the MP3s were edited down to 45s before being uploaded to the site

I have just checked and the following works for me:

.track .songtitle:before {
	content: '';
}

Done! Please try to remember in future not to post stuff like that publicly.

Audio Album uses WordPress’s built-in Audio Shortcode, and wraps it to add styling etc. Thid means that if the issue occurs when using native audio shortcodes, it naturally follows that audio album will be affected with the same issue.