Hi,
at this site I want to use small icon list.
How can I change the header style (side, Underline etc) of the header there?
I find only hints how to change it from a normal icon list.
I tried:
.entry-content-header .av-icon-list_small .iconlist_title_small {
font-size: 30px !important;
text-decoration: underline !important;
line-height: 20.45em !important;
}
and
.av-icon-list_small .iconlist_title_small {
font-size: 30px !important;
text-decoration: underline !important;
line-height: 20.45em !important;
}
But it doesn’t work. Can you please help?
Thanks and greetings.
Michael
Hey michaellausser,
Can u please define for us, which is the ” this site ” so we can help please?
Best regards,
Basilis
Hi Michael,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.page-id-11693 #av_section_1 .avia-icon-list .iconlist_title {
text-decoration: underline;
}
Hope this helps :)
Best regards,
Nikko
Hi Nikko,
thanks for your support I tried your code and some variations like:
.page-id-11693 #av_section_1 .avia-icon-list .iconlist_title { font-size: 20px !important; }
.page-id-11693 #av_section_1 .avia-icon-list_small .iconlist_title_small {
text-decoration: underline !important;
}
But no effekt on the header of the small icon lists.
Any other idea ?
Thanks a lot.
Greetings
Michael
Hi Michael,
You have this in you in your child theme style.css:
.page-id-11693 #av_section_1 .avia-icon-list .iconlist_title {
font-size: 14px !important;
}
just add there and change the font-size
.page-id-11693 #av_section_1 .avia-icon-list .iconlist_title {
font-size: 20px !important;
text-decoration: underline;
}
If you need further assistance please let us know.
Best regards,
Victoria