COMMUNITY FORUM

Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

[Solved] unwanted visual artifacts

Start
Prev
1
Next
End

remdesign
Topic Author
Offline
New Member

12 years 10 months ago - 12 years 9 months ago #49160 by remdesign

[Solved] unwanted visual artifacts was created by remdesign

I'm seeing some unwanted visual artifacts when using Simple Image Gallery Pro Plugin v2.5.7:

1. When you install the Layout template for image galleries in the Elegant position (Popup engine for image galleries in the Pretty Photo situation or Slimbox2), unexpected small squares are displayed at the top right of the thumbnails.

2. When you hover the mouse over the frame of a thumbnail image, unexpected popup text (html source code) is displayed.

You may find an example at remdesign.16mb.com/#!prettyPhoto.

I've made an illustration of these artifacts in the first image on the second row (annotated in red).

Could you advise of a fix or a work around?

Please Log in or Create an account to join the conversation.

Katia
User

12 years 10 months ago #49161 by Katia

Replied by Katia on topic Re: unwanted visual artifacts

1. This is a css conflict.
2. Could you be more specific?

Please Log in or Create an account to join the conversation.

remdesign
Topic Author
Offline
New Member

12 years 10 months ago #49162 by remdesign

Replied by remdesign on topic Re: unwanted visual artifacts

Please look an example remdesign.16mb.com/#!prettyPhoto.
I only used a STANDART template BEEZ2 which is part of Joomla 2.5 and pictures from there.

Please Log in or Create an account to join the conversation.

Katia
User

12 years 10 months ago - 12 years 10 months ago #49163 by Katia

Replied by Katia on topic Re: unwanted visual artifacts

The css conflict is from layout.css element styling:
#main ul {
list-style-position: outside;
list-style-type: square;
}

To solve this just go to plugins/content/jw_sigpro/jw_sigpro/tmpl/Elegant/css/template.css and change this:

ul.sigProElegant {
list-style: none outside none;
}
to this:

ul.sigProElegant {
list-style: none outside none !important;
}

Please Log in or Create an account to join the conversation.

remdesign
Topic Author
Offline
New Member

12 years 10 months ago #49164 by remdesign

Replied by remdesign on topic Re: unwanted visual artifacts

Thanks.

In recommendation is repeated twice the same information:

ul.sigProElegant {
list-style: none outside none !important;
}
to this:

ul.sigProElegant {
list-style: none outside none !important;
}
But I replaced "list-style:none; clear:both; overflow:hidden;" on the string list-style: none outside none !important;

At the same time is really no longer display small squares.

But still remains the second bug:
2. When you hover the mouse over the frame of a thumbnail image, unexpected popup text (html source code) is displayed.

Please Log in or Create an account to join the conversation.

Katia
User

12 years 10 months ago - 12 years 10 months ago #49165 by Katia

Replied by Katia on topic Re: unwanted visual artifacts

1. Sorry, I have corrected the above!
2.Check your settings in SIG PRO plugin that are related with captions.

Please Log in or Create an account to join the conversation.

remdesign
Topic Author
Offline
New Member

12 years 10 months ago #49166 by remdesign

Replied by remdesign on topic Re: unwanted visual artifacts

Even if the title is off html code is displayed!

Settings:
Default caption (label) handling: No captions
Caption word limit ___ (empty)

Also see the example on my site, please.

Please Log in or Create an account to join the conversation.

Katia
User

12 years 10 months ago #49167 by Katia

Replied by Katia on topic Re: unwanted visual artifacts

Could you be more specific please?
What has been left to solve?

Please Log in or Create an account to join the conversation.

remdesign
Topic Author
Offline
New Member

12 years 10 months ago #49168 by remdesign

Replied by remdesign on topic Re: unwanted visual artifacts

If you hover the mouse on the frame around the picture appears HTML text, which should not be! This text is superfluous. It should not appear.
See also attachment.

Please Log in or Create an account to join the conversation.

Katia
User

12 years 10 months ago #49169 by Katia

Replied by Katia on topic Re: unwanted visual artifacts

Could you pm me access to your backend please?

Please Log in or Create an account to join the conversation.

remdesign
Topic Author
Offline
New Member

12 years 10 months ago #49170 by remdesign

Replied by remdesign on topic Re: unwanted visual artifacts

Yes, I could!
I sent.

Please Log in or Create an account to join the conversation.

Katia
User

12 years 10 months ago #49171 by Katia

Replied by Katia on topic Re: unwanted visual artifacts

Could you please resend. I haven't seen anything in my inbox.

Please Log in or Create an account to join the conversation.

remdesign
Topic Author
Offline
New Member

12 years 10 months ago #49172 by remdesign

Replied by remdesign on topic Re: unwanted visual artifacts

Thank you.
Disabling the boot options has helped, but the second option does not work.
Let us consider the problem solved!

Please Log in or Create an account to join the conversation.

remdesign
Topic Author
Offline
New Member

12 years 9 months ago #49173 by remdesign

Replied by remdesign on topic Re: unwanted visual artifacts

Not long, I was happy - with a black background squares appeared again! Probably require modification programs, because a simple code change CSS does not help. :(

Please Log in or Create an account to join the conversation.

Katia
User

12 years 9 months ago #49174 by Katia

Replied by Katia on topic Re: unwanted visual artifacts

To solve this just go to plugins/content/jw_sigpro/jw_sigpro/tmpl/Elegant/css/template.css and change this:
ul.sigProElegant li.sigProThumb {
background: none repeat scroll 0 0 transparent !important;
border: medium none !important;
float: left;
margin: 0 1px 1px 0;
padding: 0;

}
to this:
ul.sigProElegant li.sigProThumb {
background: none repeat scroll 0 0 transparent !important;
border: medium none !important;
float: left;
margin: 0 1px 1px 0;
padding: 0;
list-style: none !important;
}

Please Log in or Create an account to join the conversation.

remdesign
Topic Author
Offline
New Member

12 years 9 months ago #49175 by remdesign

Replied by remdesign on topic Re: unwanted visual artifacts

Thanks, Katia!
Was the last square in the lower left corner.
[img][/img]

Please Log in or Create an account to join the conversation.

Katia
User

12 years 9 months ago #49176 by Katia

Replied by Katia on topic Re: unwanted visual artifacts

This is caused by this styling:

ul li {
list-style: square outside none;
}
at typo.css file.

Just add this in your plugins/content/jw_sigpro/jw_sigpro/tmpl/Elegant/css/template.css file in order to override it:

ul.sigProElegant li {
list-style: none outside none !important;
}

Please Log in or Create an account to join the conversation.

remdesign
Topic Author
Offline
New Member

12 years 9 months ago #49177 by remdesign

Replied by remdesign on topic Re: unwanted visual artifacts

Thank you very much!
Now working on a black background with no gaps!
Best regards.
Valery

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End

JoomlaWorks

COMMUNITY FORUM

[Solved] unwanted visual artifacts

Attachments:

Attachments: