I currently have a plugin called "Use Any Font", which allow me to add custom fonts to the theme by assigning them to custom elements.
1) I want to update the font on the PAGE LOADER text (e.g. 10%, 50%, 100%), but keep all others the same. I realised I could update the element '.light-content' within the plugin, however this changes the font in other places, which I do not want.
2) I also want the font of the list on the "Work" page, where the 3 dots show to the right my logo.
To conclude, I want the "Futura-bold" font to be assigned to the PAGE LOADER as well as the FILTERS list on the "Work" page.
I have attached screenshots.
If a workaround can be suggested or the custom element can be provided, this would be a great help.
I currently have a plugin called "Use Any Font", which allow me to add custom fonts to the theme by assigning them to custom elements.
1) I want to update the font on the PAGE LOADER text (e.g. 10%, 50%, 100%), but keep all others the same. I realised I could update the element '.light-content' within the plugin, however this changes the font in other places, which I do not want.
2) I also want the font of the list on the "Work" page, where the 3 dots show to the right my logo.
To conclude, I want the "Futura-bold" font to be assigned to the PAGE LOADER as well as the FILTERS list on the "Work" page.
I have attached screenshots.
If a workaround can be suggested or the custom element can be provided, this would be a great help.
Hi Myles,
try assigning the font family you want to the following CSS selectors:
.percentage
and
#filters li a
for example
#filters li a {
font-family: 'Futura Bold' !important;
}
not sure if the font family is actually right
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Excellent, this has worked for me.
Is there anyway to reduce the font size of:
Hi Myles,
try to decrease both line height and font size with
#filters li a {
font-size: 48px;
line-height: 60px;
}
in customizer -> additional CSS
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio