New Landing › How can we help? › Themeforest Theme Support › Dante › Icon Colors

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Back to forum
    Posted in: Dante
  • December 30, 2013 at 9:15 pm #39631
    jovo
    Member
    Post count: 63

    Hello. What’s the easiest way to adjust the icon colors? For example, I have 3 icon boxes, each within a 1/3 column. From what I can see, there doesn’t seem to be a way for me to apply a different color to each icon. Can you please provide an example? Hope this will eventually be an option within the short-code itself. Thanks!

    January 2, 2014 at 4:16 pm #39877
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    It’s not currently an option, but it’s definitely on the list for adding a colour option. Would definitely make it much easier I agree!

    – Ed

    March 29, 2017 at 11:10 am #318940
    arkercon
    Member
    Post count: 14

    Hi Swift Team,
    I have a page with three spb_icon_box, and I would like to make the icons different colors, (text and title can be default).
    Have you added this option to the Dante theme since this thread?

    Here is another thread that refers to something similar but mentions only that he was successful:

    spb_icon_box title color

    It’s easy enough to have multiple colors for the icon-box and icon-alt color (Appearance>Customize>Color-Icons(Extra Options)), but I haven’t found a thread about multiple colors for different icons on the same page; I only know how to change the color of all icons on the whole site.

    EXAMPLE: I am using single digits for one set of three icons in icon-boxes (1, 2 & 3); I want icon 1=red, 2=blue and 3=yellow.

    Can you help? Is that possible?

    _K

    March 29, 2017 at 11:44 am #318946
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi @arkercon,

    Can you provide us a link to the page where you have those icons?
    Thanks

    -Rui

    March 29, 2017 at 11:53 am #318950
    arkercon
    Member
    Post count: 14

    At the bottom of this page:

    https://www.arkerconfig.com/dup-products/

    March 29, 2017 at 3:34 pm #318989
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    can you provide me admin credentials, will need to add some extra classes.
    Thanks

    -Rui

    March 29, 2017 at 8:23 pm #319037
    arkercon
    Member
    Post count: 14
    This reply has been marked as private.
    March 31, 2017 at 1:20 pm #319230
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Add the code below to your custom css and adjust the colors has desired.

    

/*Icon 1 color */ 
.iconbox1 .sf-icon {
    color: #000!important;
}

/*Icon 1 Border color*/
.iconbox1 .sf-icon-cont.sf-icon-icon-two {
    border-color: #3375ff!important;
}

/*Icon 1 background color hover*/
.iconbox1 .sf-icon-cont.sf-icon-icon-two:hover{
background-color: #33ff4e!important;
}

/*Icon 2 color */ 
.iconbox2 .sf-icon {
    color: #000!important;
}

/*Icon 2 Border color*/
.iconbox2 .sf-icon-cont.sf-icon-icon-two {
    border-color: #3375ff!important;
}

/*Icon 2 background color hover*/
.iconbox2 .sf-icon-cont.sf-icon-icon-two:hover{
background-color: #33ff4e!important;
}

/*Icon 3 color */ 
.iconbox3 .sf-icon {
    color: #000!important;
}

/*Icon 3 Border color*/
.iconbox3 .sf-icon-cont.sf-icon-icon-two {
    border-color: #3375ff!important;
}

/*Icon 3 background color hover*/
.iconbox3 .sf-icon-cont.sf-icon-icon-two:hover{
background-color: #33ff4e!important;
}

    Hope it helps.

    -Rui

  • Back to forum
    Posted in: Dante
Viewing 8 posts - 1 through 8 (of 8 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