Vertical White Lines Appear in Header in Safari

There are vertical white lines that appear on both sides of the text in the header, when viewing the website in Safari. Please let me know how to get rid of that.

Screen-Shot-2015-04-02-at-7.32.42-PM.jpg

Thanks,

David

Could you please post an url to your site?

Sure: http://smithcorrell.com/index.php (make sure you add the /index.php to the end of the url). If you check it on Safari, you should see the issue.

Thanks,

David

Seems you are having some issues with generating thumbnails - on chrome you can see missing image icon.

Those images can be seen on our demo server:
https://demo.gavick.com/joomla25/startup/
just under:
"take a tour" and "join now"

So how can I remove them all together?

Thanks,

David

But those images are part of the image show module. This module is used to show images .

You could try to remove the images using css...
Please edit: /templates/gk_startup/css/override.css and add at its end:

Code: Select all

.gkIsWrapper-gk_startup.loaded .gkIsImage img {
    display: none;
}


Remember to enable "CSS override" in template settings - advanced section.

Thanks so much! You are the best! The only thing is that it still shows something weird right before it loads. It's like a glimpse of the missing image. Can you test it and see?

Thanks,

David

Which browser exactly?

It's happening in Safari, right before the text in the slider loads. If you can't see it, let me know and I will try to grab a screenshot.

David

Please try to edit this file:
modules/mod_image_show_gk4/styles/gk_startup/engine.js
and remove this part:

Code: Select all

            wrapper.getElements('.gkIsSlide').each(function(el,i){
               links.push(el.getProperty('data-link'));
               var newImg = new Element('img',{
                  "title":el.getProperty('title'),
                  "class":el.getProperty('class'),
                  "style":el.getProperty('style')
               });
               
               newImg.setProperty('alt',el.getProperty('data-link'));
               newImg.setProperty("src",el.getProperty('data-path'));
               imagesToLoad.push(newImg);
               newImg.inject(el, 'after');
               el.destroy();
            });