Phoca Gallery Gantry Phoca nature font color
-
- Phoca Enthusiast
- Posts: 72
- Joined: 20 Oct 2011, 16:37
Phoca Gallery Gantry Phoca nature font color
Hello,
I have Phoca Nature template for Gantry 5 installed on J5 (https://przyroda.aquila-it.pl) and I would like to change the color of the categories titles. I cannot find this settings neither in Gantry 5 nor in the Phoca Nature template. Created my own Theme css file, but do not know how to change the font color either.
Thanks in advance for help!
Regards
I have Phoca Nature template for Gantry 5 installed on J5 (https://przyroda.aquila-it.pl) and I would like to change the color of the categories titles. I cannot find this settings neither in Gantry 5 nor in the Phoca Nature template. Created my own Theme css file, but do not know how to change the font color either.
Thanks in advance for help!
Regards
Tags:
-
- Phoca Hero
- Posts: 2801
- Joined: 28 Nov 2010, 17:20
Re: Phoca Gallery Gantry Phoca nature font color
Hi,
Try following (it works temporarily):
If you want it also by image-view:
to your custom.css
Kind regards
Christine
Try following (it works temporarily):
Code: Select all
.pg-category-box-title a {
color: lightgreen !important;
}
Code: Select all
.pg-item-box-title.category a {
color: lightgreen !important;
}
Kind regards
Christine
-
- Phoca Enthusiast
- Posts: 72
- Joined: 20 Oct 2011, 16:37
Re: Phoca Gallery Gantry Phoca nature font color
It is working!!!
Thanks a lot.
What about when it highlighted by mouse cursor?
Thanks a lot.
What about when it highlighted by mouse cursor?
-
- Phoca Hero
- Posts: 2801
- Joined: 28 Nov 2010, 17:20
Re: Phoca Gallery Gantry Phoca nature font color
Hi,
Background colors:
Colors as desired, of course.
Or just with a different color:
Kind regards
Christine
That's fine.
Don't know how it should be highlighted. Therefore, 2 possible examples:What about when it highlighted by mouse cursor?
Background colors:
Code: Select all
.pg-category-box-title a:hover {
background: linear-gradient(to right, #a02725, #2e2e2e) !important;
}
.pg-item-box-title.category a:hover {
background: linear-gradient(to right, #a02725, #2e2e2e) !important;
}
Or just with a different color:
Code: Select all
.pg-category-box-title a:hover {
color: lightgreen !important;
}
.pg-item-box-title.category a:hover {
color: lightgreen !important;
}
Christine
-
- Phoca Hero
- Posts: 2801
- Joined: 28 Nov 2010, 17:20
Re: Phoca Gallery Gantry Phoca nature font color
Hi,
you could also use a little darker color:
and for the a:hover the original color:
https://www.colorhexa.com/ffff00
Kind regards
Christine
you could also use a little darker color:
Code: Select all
.pg-item-box-title a,
.pg-category-box-title a {
color: #ffea00 !important;
}
Code: Select all
.pg-item-box-title a:hover,
.pg-category-box-title a:hover {
color: #ffff00 !important;
}
Kind regards
Christine
-
- Phoca Hero
- Posts: 2801
- Joined: 28 Nov 2010, 17:20
Re: Phoca Gallery Gantry Phoca nature font color
Hi,
Great, I see that you chose an orange color using with a:hover etc. Does that solve the problem?
Kind regards
Christine
Great, I see that you chose an orange color using with a:hover etc. Does that solve the problem?
Kind regards
Christine
-
- Phoca Enthusiast
- Posts: 72
- Joined: 20 Oct 2011, 16:37
Re: Phoca Gallery Gantry Phoca nature font color
Hello,
Yes, it is starting looking good, thank you.
Just made a small correction to your suggestion:
.pg-category-box-title a:hover {
color: yellow !important;
}
.pg-item-box-title a:hover {
color: yellow !important;
}
One more thing: what about the color of the "back" arrow in the circle top left of the category list? Which item is it?
Yes, it is starting looking good, thank you.
Just made a small correction to your suggestion:
.pg-category-box-title a:hover {
color: yellow !important;
}
.pg-item-box-title a:hover {
color: yellow !important;
}
One more thing: what about the color of the "back" arrow in the circle top left of the category list? Which item is it?
-
- Phoca Hero
- Posts: 2801
- Joined: 28 Nov 2010, 17:20
Re: Phoca Gallery Gantry Phoca nature font color
Hi,
or:
Kind regards
Christine
Code: Select all
.pg-svg-box svg {
color: yellow;
}
Code: Select all
symbol#ph-si-back {
color: yellow;
}
Christine
-
- Phoca Enthusiast
- Posts: 72
- Joined: 20 Oct 2011, 16:37
Re: Phoca Gallery Gantry Phoca nature font color
Thank you, problems solved!
-
- Phoca Hero
- Posts: 2801
- Joined: 28 Nov 2010, 17:20
Re: Phoca Gallery Gantry Phoca nature font color
Hi,
That's fine.
Kind regards
Christine
That's fine.
Kind regards
Christine