Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 7, 2018 at 3:04 am #994179
    Commun-IT

    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,

    August 7, 2018 at 7:54 am #994256
    Rikard

    Hey Commun-IT,

    Please try this instead:

    .page-id-13457 .iconbox_left .iconbox_icon {
    border-radius: 0;
}

    Best regards,
    Rikard

    August 7, 2018 at 6:13 pm #994513
    Commun-IT

    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,

    August 8, 2018 at 9:52 am #994772
    Rikard

    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

    August 9, 2018 at 8:49 pm #995702
    Commun-IT

    Thank you, putting it at the top of the quick CSS box worked! Thanks!

    August 9, 2018 at 9:00 pm #995704
    Jordan Shannon

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change Grid Row icon circles to square’ is closed to new replies.