New Landing › How can we help? › Themeforest Theme Support › Dante › background and icon change

Viewing 13 posts - 1 through 13 (of 13 total)
  • Back to forum
    Posted in: Dante
  • March 16, 2016 at 6:19 pm #255883
    paulagir
    Member
    Post count: 74

    Hello, can you tell me if its possible to change the background of this portfolio image and the icon/image on the inside?

    Thank you!
    Paula

    Attachments:
    You must be logged in to view attached files.
    March 18, 2016 at 11:27 am #256283
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    The background color can be changed from within the Color Customizor => Color – Accent => Accent Color.

    The icon could be changed with CSS to another from FontAwesome, it depends what you want to change it to.

    Thanks.

    March 18, 2016 at 8:46 pm #256473
    paulagir
    Member
    Post count: 74

    Hi, what I am tying to do is apply a pattern to the bg of the link OR have it be one solid color.
    The above doesn’t solve for that. Thanks!

    March 21, 2016 at 12:45 pm #256721
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    You can change the icon background color/icon color with this:

    figure.animated-overlay figcaption .thumb-info i {
    background: red;
    color: white;
}

    Thanks.

    March 27, 2016 at 4:15 pm #258033
    paulagir
    Member
    Post count: 74

    hello, is there a way to apply an image as a background?

    March 28, 2016 at 8:13 am #258066
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please try to use this code:-

    figure.animated-overlay figcaption .thumb-info i {
    background: url('IMAGE_URL_PATH'); /*replace with image url*/
    color: white;
}

    Thanks
    Mohammad

    March 28, 2016 at 6:32 pm #258243
    paulagir
    Member
    Post count: 74

    I put in the link from my media library as seen below but it doesn’t seem to work

    }
    figure.animated-overlay figcaption .thumb-info i {
    background: url(‘IMAGE_URL_PATH’); /http://www.paulagirshman.com/wp-content/uploads/2014/05/bg2.jpg/
    color: white;
    }

    March 28, 2016 at 6:39 pm #258247
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Just remove this code and use this new code:-

    figure.animated-overlay figcaption .thumb-info i {
background: url('http://www.paulagirshman.com/wp-content/uploads/2014/05/bg2.jpg') no-repeat 100% 100% !important;
color: white;
}

    Thanks
    Mohammad

    March 28, 2016 at 6:52 pm #258255
    paulagir
    Member
    Post count: 74

    Hi, unfortunately it changes the bg of the circle element but not the rectangle bg which is what I am looking to change. pls see attached.

    Attachments:
    You must be logged in to view attached files.
    March 29, 2016 at 7:49 am #258335
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Just try this code:-

    figure.animated-overlay figcaption{
background: url('http://www.paulagirshman.com/wp-content/uploads/2014/05/bg2.jpg') no-repeat 100% 100% !important;
color: white;
}

    Thanks
    Mohammad

    March 29, 2016 at 3:29 pm #258501
    paulagir
    Member
    Post count: 74

    perfect, thank you for your help.

    March 29, 2016 at 3:37 pm #258502
    David Martin – Support
    Moderator
    Post count: 20834

    Thanks Mohammad.

    March 29, 2016 at 3:58 pm #258510
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Thanks Mohammad

    – Kyle

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