Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 16, 2016 at 11:34 pm #649450
    advteksol

    I need to be able to have a colored outline around the icon boxes, say about 4px in thickness like this:

    View post on imgur.com

    I’m sure there is a HTML code to put in the Quick CSS box that I’m just missing. Can you please help?

    Also would like the text to changed to a lighter shade when hovering on it (have it so the icon does that, but cannot figure out the text hover code).

    Thanks!

    • This topic was modified 8 years, 5 months ago by advteksol.
    June 17, 2016 at 5:31 am #649562
    Jordan

    Hey advteksol,

    Thanks for getting in touch with us!

    On what page are the icon boxes located? We need to inspect the element so that we can provide you with the CSS to achieve what you want.

    Best regards,
    Jordan

    June 17, 2016 at 6:25 pm #649925
    advteksol

    In the private content section

    June 19, 2016 at 10:33 am #650389
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .iconbox_top .iconbox_content {
    border: 3px solid orange;
}

    Thanks,
    Rikard

    June 20, 2016 at 3:20 pm #650865
    advteksol

    Great, but how do you make it so the box and the content shift to a different color on hover. As I mentioned, I got the icon to do it using this code:

    #top .iconbox:hover .iconbox_icon {
    background: #FF8133 !important;
    border: 4px solid #FF8133;
    }

    But I can’t find the right code to make the outlined box and text shift.

    Thanks.

    June 20, 2016 at 9:56 pm #651115
    Jordan

    Hi,

    Try the following:

    .iconbox_top:hover .iconbox_content {
    background-color: #ff6000 !important;
}

.iconbox_top:hover .iconbox_content_title {
    color: #fff !important;
}

    Best regards,
    Jordan

    June 20, 2016 at 11:54 pm #651139
    advteksol

    Thank you.

    June 22, 2016 at 5:45 am #651889
    Rikard

    Hi,

    Glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.