Page 1 of 1

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

Posted: 04 Feb 2019, 18:29
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??

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

Posted: 04 Feb 2019, 20:53
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

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

Posted: 04 Feb 2019, 21:06
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. :)

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

Posted: 07 Feb 2019, 00:23
by christine
Hi,
could be useful to see it :-)

Kind regards
Christine

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

Posted: 25 Oct 2020, 17:35
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