Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #500768

    Is there any possible way to put shadows behind text and icon boxes in Enfold?

    I have text and icon boxes over a photo background, and they’re pretty hard to read. A shadow would make it easier to read everything, and I know how to do that in photoshop, but I have no idea if it’s even possible on a website….

    Is there any way to make it happen?

    The page in question is here: http://www.spellboundboudoir.com

    Thanks!

    #500772

    Okay, I found some CSS that lets me shadow text, and when I put it in the Quick CSS box it works great for the text, but I can’t figure out how to make it apply to the icon boxes….

    Here’s what I’m using for the text:

    h1 {
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px #333, 0 0 5px gold;
    }

    Any ideas for how to make it work on the icon boxes?

    #500973

    Hey!

    Please add following code to Quick CSS as well

    h3.iconbox_content_title {
        color: white;
        text-shadow: 1px 1px 2px black, 0 0 25px #333, 0 0 5px gold;
    }

    Regards,
    Yigit

    #501071

    It didn’t work. :(

    But thank you for trying to help!

    Any other ideas?

    #501076

    Hi!

    Do you want to apply the changes to text below your icons on your homepage? If so, please use the code as following

    .home span.av_icon_caption.av-special-font {
        text-shadow: 1px 1px 2px black, 0 0 25px #333, 0 0 5px gold;
    }

    Cheers!
    Yigit

    #501077

    It worked, it worked! Thank you!!!! :-D

    It worked on the text, anyway, and that’s the most important part…. Is there a way to shadow the circles that the icons are in too, or will it not work for those? (It’s okay if not—I’m just happy that it’s easier to read the text now!!)

    Thanks so much!! :-D

    (HA! I just noticed that you SAID it was for the text below the icons. I need caffeine…. lol)

    #501098

    Hey!

    ;D You are welcome!
    Please add following code to Quick CSS as well

    .home #top .av_font_icon a { text-shadow: 1px 1px 2px black, 0 0 25px #333, 0 0 5px gold; }

    Regards,
    Yigit

    #501100

    It didn’t work, but thank you for trying!

    Can I just keep you in my back pocket until my site is done? ;)

    #501107

    Hey!

    Please change the code to following one

    .home .av_font_icon a { text-shadow: 1px 1px 2px black, 0 0 25px #333, 0 0 5px gold; }

    Sure, you can keep us in your back pocket as long as you want as long as are using one of our themes :)

    Cheers!
    Yigit

    #501152

    That didn’t work either…. If you have more ideas, I’m happy to try them, and I DO think it will look better with the circles shadowed too, but I’m beginning to not care if we figure it out or not, because I can read the words now…. :)

    And I’m pretty sure that every site I’ve done in the last two years uses one or another of your themes, so I hope you like it in my back pocket! ;-)

    #501193

    Hi!

    If you would like us to look into it further, please create a temporary admin login and post it here privately :)

    Yes we do!

    Regards,
    Yigit

    #501198

    Okay, I’ve put the login info in the “private content” box if you have time to play with it….

    Thanks so much for all your help!

    #501213

    Hi!

    There was an extra closing curly bracket, i removed it and added box-shadow property. Please review your website now :)

    Regards,
    Yigit

    #501215

    You fixed it! Yayyyy!!! Thank you so much!!!! :D :D :D

    #501221

    Hey!

    You are welcome! Glad we could help :)
    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Shadows?’ is closed to new replies.