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??
'HOT' and 'NEW' icons showing incorrectly. **FIX**
- doodlebug
- Phoca Member
- Posts: 17
- Joined: 15 Jul 2015, 14:08
-
- Phoca Hero
- Posts: 2737
- Joined: 28 Nov 2010, 17:20
Re: 'HOT' and 'NEW' icons showing incorrectly. **FIX**
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
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
- doodlebug
- Phoca Member
- Posts: 17
- Joined: 15 Jul 2015, 14:08
Re: 'HOT' and 'NEW' icons showing incorrectly. **FIX**
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.
-
- Phoca Hero
- Posts: 2737
- Joined: 28 Nov 2010, 17:20
Re: 'HOT' and 'NEW' icons showing incorrectly. **FIX**
Hi,
could be useful to see it
Kind regards
Christine
could be useful to see it
Kind regards
Christine
-
- Phoca Hero
- Posts: 2737
- Joined: 28 Nov 2010, 17:20
Re: 'HOT' and 'NEW' icons showing incorrectly. **FIX**
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
Christine
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
Kind regards,.pg-cv-box {
position: relative;
}
Christine