Home Forums Community Forum Adding a drop shadow to text

Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • sarahpeller
    Participant
    Post count: 2

    Hi there,

    I’d like to add a drop shadow effect to some of the text on the site I am working on. I’d like it to appear in the fusion sliders, mostly. Does anyone know how to do this?

    marklchaves
    Participant
    Post count: 275

    Hi Sarah,

    Try this.

    
    /* 
     * Replace the h1 with whatever tag/class/id you want.
     * Replace the colours and two pixel values to what you want.
     */
    h1 {
      color: maroon;
      text-shadow: 2px 5px pink;
    }
    
    

    Text-shadow should be supported by all current browser versions.

    https://caniuse.com/#search=text-shadow

    sarahpeller
    Participant
    Post count: 2

    This is great, I will try it! Just one question — where do I write this code into?

    marklchaves
    Participant
    Post count: 275

    Hi Sarah,

    Please try searching the Avada docs before posting. There’s tons of good info in the Avada knowledge base. Hi quality documentation is the perks of going with a premium theme.

    BTW, you asked for a very popular one. Here you go.

    https://theme-fusion.com/documentation/avada/how-to/how-to-apply-custom-css/

    Have fun!

Viewing 4 posts - 1 through 4 (of 4 total)
Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.