Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 10, 2015 at 12:01 am #500768
    carolehayes

    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!

    September 10, 2015 at 12:33 am #500772
    carolehayes

    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?

    • This reply was modified 9 years, 7 months ago by carolehayes.
    September 10, 2015 at 1:02 pm #500973
    Yigit

    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

    September 10, 2015 at 3:15 pm #501071
    carolehayes

    It didn’t work. :(

    But thank you for trying to help!

    Any other ideas?

    • This reply was modified 9 years, 7 months ago by carolehayes.
    September 10, 2015 at 3:19 pm #501076
    Yigit

    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

    September 10, 2015 at 3:22 pm #501077
    carolehayes

    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)

    • This reply was modified 9 years, 7 months ago by carolehayes.
    September 10, 2015 at 3:46 pm #501098
    Yigit

    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

    September 10, 2015 at 3:48 pm #501100
    carolehayes

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

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

    September 10, 2015 at 3:59 pm #501107
    Yigit

    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

    September 10, 2015 at 4:41 pm #501152
    carolehayes

    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! ;-)

    September 10, 2015 at 5:18 pm #501193
    Yigit

    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

    September 10, 2015 at 5:22 pm #501198
    carolehayes

    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!

    September 10, 2015 at 5:34 pm #501213
    Yigit

    Hi!

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

    Regards,
    Yigit

    September 10, 2015 at 5:35 pm #501215
    carolehayes

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

    September 10, 2015 at 5:39 pm #501221
    Yigit

    Hey!

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

    Best regards,
    Yigit

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