Hi,
Please would you have a look at this for me.
I would like the font to be a bit bigger, and so have updated the Quick CSS at the bottom of the General Styling section as follows (based on advice in this forum) …
/* For Header */
#top .av_header_transparency {
background: rgba(0, 0, 0, 0.4);
}
/* For body font */
body {
font-size: 16px;
}
/* For menu font */
.#avia-menu .avia-menu-text {
font-size: 20px !important;
font-weight: bold !important;
}
The transparency setting works fine. The font settings don’t seem to have any effect – except on the text that is part of an unordered list. Is it possible that the style settings are overriding my changes?
Thanks for your help.
Graeme
Hey graemejardin,
Can you please make that user admin, so that we can see the theme options?
Best regards,
Victoria
Hi Victoria
I have made that change.
Thanks for your help.
Graeme
Hi Graeme,
This code doesn’t work:
/* For body font */
body {
font-size: 16px;
}
The size is currently fetching on what you set on Enfold > Advanced Styling > < p > which is 14px
This code also doesn’t work because of the dot in the beginning:
.#avia-menu .avia-menu-text {
font-size: 20px !important;
font-weight: bold !important;
}
just replace it with:
#avia-menu .avia-menu-text {
font-size: 20px !important;
font-weight: bold !important;
}
Hope it helps :)
Best regards,
Nikko
Hi Nikko,
Fantastic. Thanks for spotting my mistakes. That all works as it should now.
Thanks for your help.
Graeme
Hi Graeme,
Glad that we could help. Thanks for using Enfold and have a great day :)
Best regards,
Nikko