New Landing › How can we help? › Themeforest Theme Support › Uplift › Icon Boxes custom shape

Viewing 12 posts - 1 through 12 (of 12 total)
  • Back to forum
    Posted in: Uplift
  • August 22, 2016 at 12:36 am #288536
    MezineRamon
    Member
    Post count: 2

    Hi,

    I have a problem with Icon Boxes element “With Image”: http://uplift.swiftideas.com/elements/icon-boxes/
    i want having a square form not a circle one than cut my picture http://www.fraidis.com/v2016/a-propos-de-fraidis/ (Scroll until Icon boxes Sextion)

    How i can do ?

    Thx

    August 22, 2016 at 7:01 am #288556
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .sf-icon.image-display {
    border-radius: none !important;
}

    Thanks
    Mohammad

    August 22, 2016 at 11:07 am #288623
    MezineRamon
    Member
    Post count: 2

    Hi,

    It doesn’t works i get in chrome console an invalid property value and nothing change.
    Maybe if i try this ? border-radius: 0px !important;

    August 22, 2016 at 11:14 am #288625
    David Martin – Support
    Moderator
    Post count: 20834

    Yes, 0 will reset it.

    Thanks.

    August 29, 2016 at 6:22 pm #289703
    MezineRamon
    Member
    Post count: 2

    Thank that works !

    August 29, 2016 at 6:28 pm #289705
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Great thanks to David.
    Mohammad

    October 18, 2016 at 9:07 pm #297318
    jaynkie
    Member
    Post count: 90

    I’m trying to do the same with the icons that come up on the portfolio thumbnails.

    None of these versions work for me. What would I add to my CSS?

    October 18, 2016 at 10:21 pm #297326
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    @jaynkie

    Can you provide a link to that page?
    What exactly you are trying to do?

    -Rui

    October 18, 2016 at 10:44 pm #297333
    jaynkie
    Member
    Post count: 90
    This reply has been marked as private.
    October 20, 2016 at 3:38 pm #297734
    David Martin – Support
    Moderator
    Post count: 20834

    Sure, to make it square, please add this to Theme Options => Custom CSS:

    .gallery-item figcaption .thumb-info > i, 
.gallery-hover figcaption .thumb-info > i {
  border-radius: 0 !important;
}
    October 21, 2016 at 12:36 am #297872
    jaynkie
    Member
    Post count: 90

    RAD. Works perfect!

    Thanks David!

    Anyway to change that icon?

    October 21, 2016 at 8:44 am #297907
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    I’m afraid it’s not that easy since it’s a svg icon.
    Thanks David.

    -Rui

  • Back to forum
    Posted in: Uplift
Viewing 12 posts - 1 through 12 (of 12 total)

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

License required for one of the following items
Login and Registration Log in · Register