Hello,
I am trying to change the circles surrounding the icons on the following page (check private content box) to squares, and make the checkmarks black.
I am trying to target the page and css using the following code in Quick CSS:
.page-id-13457 .av_font_icon.av-icon-style-border .av-icon-char {
border-radius: 0 !important;
}
It doesn’t seem to be working however.
Any ideas?
Thanks,
Hey Commun-IT,
Please try this instead:
.page-id-13457 .iconbox_left .iconbox_icon {
border-radius: 0;
}
Best regards,
Rikard
Hello Rikard,
That didn’t work.
Sorry, I should have specified in my question that I meant the circles surrounding the icons in the Grid Row, above, at the top of the page.
I believe the element you targeted were the smaller icons below.
Thanks,
Hi,
Thanks for the clarification, this CSS works when I check it in the browser:
.page-id-13457 .av_font_icon.av-icon-style-border .av-icon-char {
border-radius: 0 !important;
}
Please try it at the very top of the Quick CSS box.
Best regards,
Rikard
Thank you, putting it at the top of the quick CSS box worked! Thanks!
Hi,
I’m glad you were able to get this issue resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon