New Landing How can we help? Themeforest Theme Support Dante Left boxed icons CSS issue?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Dante
  • #121285
    fmora617
    Member
    Post count: 105

    Hi Support –

    In this image (http://i.imgur.com/Pjflckg.png) you will see that the screenshot on the left is showing the icons incorrectly. The screenshot on the right is showing the icons correctly. I would like the icons on the screenshot on the left to be like the screenshot on the right. I have used the following CSS and still cannot fix it:

    .sf-icon-box.sf-icon-box-left-icon .sf-icon-cont {
    float: left;
    position: relative;
    margin-top: 3px;
    background-color: #34495E!important;
    }

    Any ideas how to fix?

    Thanks!
    Fabian

    #121335
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Which page are the incorrect icons on?

    – Kyle

    #121518
    fmora617
    Member
    Post count: 105

    Hi – the page that has the incorrect icons is http://dev.fmora.com/?page_id=12120

    Thanks,
    Fabian

    #121520
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You’ve done it in your custom css?

    .sf-icon-box.sf-icon-box-left-icon .sf-icon-cont {
      background-color: #ffffff !important;
      float: left;
      margin-top: 3px;
      position: relative;
    }

    – Kyle

    #121526
    fmora617
    Member
    Post count: 105

    Hi Kyle –

    I have this in my custom CSS –> http://i.imgur.com/Wi58luk.png

    Is the custom CSS not taking effect?

    Fabian

    #121527
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Yes but it’s being overwritten by the one I pasted above (see screenshot)

    – Kyle

    Attachments:
    You must be logged in to view attached files.
    #121532
    fmora617
    Member
    Post count: 105

    I am a little confused…how can I fix this?

    Fabian

    #121535
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Remove:

    .sf-icon-box.sf-icon-box-left-icon .sf-icon-cont {
      background-color: #ffffff !important;
      float: left;
      margin-top: 3px;
      position: relative;
    }

    from your custom css

    – Kyle

    #121563
    fmora617
    Member
    Post count: 105

    Got it. Didn’t see the extra CSS I had in there. Thanks!

    #121564
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

    – Kyle

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register