Navigation
Archive / Changing icon size
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 21, 2016 at 10:51 pm #1140945
    LarchmontBlvd
    Participant

    Hello. I’m having an issue with icon sizes. My objective is to change the size of an icon on a specific page – not the entire site. I added the following to Customizer > CSS:

    [data-x-icon], [class*=”x-icon-“] {
    font-size: 8px;

    The code changed all site icons to 8px. How do I change the size only on a specific column? Since I added the code, my homepage icons are too small (see Search Icon and the Scroll Bottom Anchor). Please advise. Thank you

    Login info to follow

    August 21, 2016 at 10:54 pm #1140948
    LarchmontBlvd
    Participant
    This reply has been marked as private.
    August 21, 2016 at 11:18 pm #1140968
    Rupok
    Member

    Hi there,

    Thanks for writing in! There is no circle on your Management page so can’t provide tailored answer for this. However instead of adding through Customizer > Custom > CSS you can add to page level CSS under Cornerstone settings tab.

    Best approach would be adding a custom class to the containing section (i.e. my-section) and add CSS like :

    .my-section i {
  font-size: 8px;
}

    So it won’t interfere with any other section or page.

    Hope this makes sense.

    August 22, 2016 at 1:19 pm #1141865
    LarchmontBlvd
    Participant
    This reply has been marked as private.
    August 22, 2016 at 3:03 pm #1142030
    LarchmontBlvd
    Participant

    Please disregard the previous post. I figured it out by adding your CSS to my child theme. That worked!

    August 22, 2016 at 3:34 pm #1142069
    Joao
    Moderator

    Hi There,

    Thanks for letting us know,

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1140945 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>