'HOT' and 'NEW' icons showing incorrectly. **FIX**

Phoca Gallery - image gallery extension
User avatar
doodlebug
Phoca Member
Phoca Member
Posts: 17
Joined: 15 Jul 2015, 14:08

'HOT' and 'NEW' icons showing incorrectly. **FIX**

Post by doodlebug »

HI,

I have been looking into why the HOT and NEW icons for photos were appearing right up in the top left corner of the screen rather than on the photos. I have found out what is causing it, and how to fix it. Not sure if you want to integrate into the next release?

The css for the icons includes (line c156 of phocagallery.css):
position: absolute;
top: 3px;
left: 3px;

I changed it to:
position: relative;
top: -110px;
left: -50px;

and it now aligns the icons correctly.

Hope this helps some folks out??
christine
Phoca Hero
Phoca Hero
Posts: 2737
Joined: 28 Nov 2010, 17:20

Re: 'HOT' and 'NEW' icons showing incorrectly. **FIX**

Post by christine »

Hi,

I tried with standard template Protostar. The CSS code in phocagallery.css, line 156 is correct. On the top left corner of photo.
If I would change it to your code, the Icon e.g. NEW will be apprx. in the middle of the image.

Therefore it could be useful, to see where & how it occurs.

Kind regards
Christine
User avatar
doodlebug
Phoca Member
Phoca Member
Posts: 17
Joined: 15 Jul 2015, 14:08

Re: 'HOT' and 'NEW' icons showing incorrectly. **FIX**

Post by doodlebug »

That's really bizarre, the template I am using is protostar. When I enabled the NEW function, it would only show one icon in the top right hand corner of the screen. Thank for the feedback though. :)
christine
Phoca Hero
Phoca Hero
Posts: 2737
Joined: 28 Nov 2010, 17:20

Re: 'HOT' and 'NEW' icons showing incorrectly. **FIX**

Post by christine »

Hi,
could be useful to see it :-)

Kind regards
Christine
christine
Phoca Hero
Phoca Hero
Posts: 2737
Joined: 28 Nov 2010, 17:20

Re: 'HOT' and 'NEW' icons showing incorrectly. **FIX**

Post by christine »

Hi,

Although it's an older thread. Because above question was also asked (days before) in another forum.
May be helpful for other users (template Protostar), e.g. into your custom.css or: user.css
.pg-cv-box {
position: relative;
}
Kind regards,
Christine
Post Reply