Template CSS conflict with Simple Gallery Pro

Hi,

I would like to include image galleries in same items using the Simple Gallery Pro component.

It seems that some template css styles for unordered styles and/or span that distort the Simple Gallery pro css styles.

Attached you will find a snapshot to show you the problem (Classic style of Simple Gallery pro).

The code generated is:

Code: Select all

<ul id="sigProId0ff4f92b82" class="sigProContainer sigProClassic">
<li class="sigProThumb">
   <span class="sigProLinkOuterWrapper">
      <span class="sigProLinkWrapper">
         <a href="#" class="sigProLink fresco" style="width:180px;height:120px;" rel="fresco[gallery0ff4f92b82]" title="" data-fresco-caption="" target="_blank" data-fresco-group="0ff4f92b82">
            <img class="sigProImg" src="/ggraap/plugins/content/jw_sigpro/jw_sigpro/includes/images/transparent.gif" alt="Click to enlarge image 00_main_900.jpg" title="Click to enlarge image 00_main_900.jpg" style="width:180px;height:120px;background-image:url('/ggraap/cache/jw_sigpro/jwsigpro_cache_0ff4f92b82_00_main_900.jpg');" />
         </a>
      </span>
   </span>
</li>
<li class="sigProThumb">
   <span class="sigProLinkOuterWrapper">
      <span class="sigProLinkWrapper">
         <a href="#" class="sigProLink fresco" style="width:180px;height:120px;" rel="fresco[gallery0ff4f92b82]" title="" data-fresco-caption="" target="_blank" data-fresco-group="0ff4f92b82">
                              <img class="sigProImg" src="/ggraap/plugins/content/jw_sigpro/jw_sigpro/includes/images/transparent.gif" alt="Click to enlarge image alzados_900.jpg" title="Click to enlarge image alzados_900.jpg" style="width:180px;height:120px;background-image:url('/ggraap/cache/jw_sigpro/jwsigpro_cache_0ff4f92b82_alzados_900.jpg');" />
         </a>
      </span>
   </span>
</li>
<li class="sigProClear">&nbsp;</li>
</ul>


Could you provide me any advice to override it?

Kind regards...Antonio

Hi,
it's old "dots problem" and with easily you can find solution here on forum, just use "search" bar.

Hi,

I found this thread related with the problem:

https://www.gavick.com/forums/game-joomla3/error-in-simple-image-gallery-pro-k2-items-43278?p=216387&hilit=simple%20gallery#p216387

I have included the CSS styles proposed to fix the problem in override.css (CSS override enabled) and nothing changes:

Code: Select all

li.sigProThumb:before { content: "" !important;}
.sigProLink.swipebox {padding: 1px !important;}
.sigProImg {height: 100% !important;}


I have also tried to include the CSS style at the end of the Single Gallery Image Pro Classic template.css with the same result.

Any suggestion?

Kind regards...Antonio

Just insert URL where you have SIG Pro and I will try to help with extra code.

Thanks for your support but I have found the CSS hack :

Code: Select all

ul.sigProClassic li.sigProThumb:before {
    content: "";
    height: 0;
}

ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {
    display:block;
    height:100%;
    margin: 0;
}


Kind regards...Antonio