Navigation
Archive / Feature headline remove the black circle around icon
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 18, 2017 at 9:19 am #1335140
    Eyoael
    Participant

    Hi guys,

    I’m trying to remove the black circle surrounding the feature headline icon. I’ve looked around in the forum and found the following html:
    <span style= “color: transparent”</span> and the following css:

    .h-feature-headline span i {
    background-color: transparent;
    }

    i.x-icon-quote-left:before {
    color: #000;
    }

    I get the feeling that my html is wrong, can you help me with this?

    Thanks

    January 18, 2017 at 9:39 am #1335174
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

    .h-feature-headline span i {
    background: none;
    color: red;
}

    Hope it helps

    Joao

    January 18, 2017 at 9:59 am #1335207
    Eyoael
    Participant

    Hi joao

    Thanks it worked.

    January 18, 2017 at 10:02 am #1335212
    Eyoael
    Participant

    Hi again,

    How can i make it so that the icon sits above the feature headline?

    Thanks

    January 18, 2017 at 10:31 am #1335240
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .h-feature-headline span {
    padding: 0;
}
.h-feature-headline span i {
    display: block;
    margin: 0 auto;
    position: relative;
}

    Hope it helps 🙂

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