Part of the problem is that there is no way to add a class or ID to the <a> tag when you specify the URL for the image (from the LINK tab).

My web developer was able to track down where to add the ID by digging through the source files of the LayerSlider.

This is where we found it
themes\enfold\config-layerslider\LayerSlider\includes\slider_markup_html.php

				// HTML attributes
				$level = isset($layer['props']['level']) ? $layer['props']['level'] : '';
				$el->addClass('ls-l'.$level);
				if(!empty($layer['props']['id'])) { $inner->attr('id', $layer['props']['id']); }
				if(!empty($layer['props']['class'])) { $inner->addClass($layer['props']['class']); }
				if(!empty($layer['props']['url'])) {
					if(!empty($layer['props']['rel'])) {
						$el->attr('rel', $layer['props']['rel']); }
					if(!empty($layer['props']['title'])) {
						$el->attr('title', $layer['props']['title']); }
				} else {
					if(!empty($layer['props']['title'])) {
						$inner->attr('title', $layer['props']['title']); }
				}

And this is what we’ve had to change

				// HTML attributes
				$level = isset($layer['props']['level']) ? $layer['props']['level'] : '';
				if($layer['props']['id'] == 'wistia'){
					$el->addClass('ls-l fancybox-iframe'.$level);
				} else {
					$el->addClass('ls-l'.$level);
				}
				if(!empty($layer['props']['id'])) { $inner->attr('id', $layer['props']['id']); }

Is there another way to do this other than modifying the source code, so that when we update the theme it doesn’t break it?

• This reply was modified 10 years, 1 month ago by Perenso.

Guys,

Please let me know what’s going on with this issue as it seems you’ve either been ignoring it or working on a solution.

Hi,

I’ve locked down the website again so you won’t be able to access it unless you can send me your public/outgoing IP address.

Hi Devin,

I’ll make the website available for < 24 hours as the site isn’t ready for the public. Link will be posted in next reply as private.

I thought it could be the CSS styling but I removed all of my changes from the Quick/Custom CSS section and it still happens. At current there is no custom styling on the site.

Remember that this only happens on iOS browsers (Safari & Chrome) and doesn’t occur on any PC browsers I’ve tested. The color of this flashing border changes based on the zoom level. At normal zoom it shows as black and when zoomed in half way its reduced by 1-pixels but not always this kind of behaviour.

Your help is much appreciated. Thanks.

After investigating a little more it seems that it only happens when I make changes to the CSS to the container_wrap:

.container_wrap {
clear: both;
position: relative;
z-index: 1;
border-top-style: solid;
border-top-width: 1px;
}

If I set the border-top-width to 0 it hides the grey border, which is what I want but on the iPad it keeps showing those black lines in the screenshot.

Perfect. Thanks it worked. Keep up the great support guys.

You can close this ticket now.

Hi,

I’m not sure you understood what I was after. Yes I removed the header but so was the footer and socket. I want to keep the socket + footer at the bottom.

Goal:
No Header present on the page
Socket and Footer on the bottom of the page

• This reply was modified 11 years ago by Perenso.