- This topic is empty.
April 30, 2014 at 11:26 am #168942
My css is unfortunately at a diaper level, however, I still hope I can manage this one:
I want to apply shadow effect 2 to a box.
I am working upon a site with WordPress theme called “Enfold”, which has a built-in Avia Layout Builder.
This builder allows me to add custom css class to objects (including the box I want to apply shaddow to), and define the css properties in “quick css” field.
I called the custom class of the box in question as “my-box”, and pasted in the generated code of effect2 into the quick css field. However, it gives no effect.
What am I doing wrong ? Any tips are highly appreciated..
custom css: my-box
#top .my-box .effect2
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
}April 30, 2014 at 12:43 pm #168944
What is shadow effect 2?April 30, 2014 at 12:47 pm #168945
take a look here:April 30, 2014 at 1:00 pm #168947
What is the HTML structure?April 30, 2014 at 1:16 pm #168948
I think it might be the quote marks you are using the the
content: "";April 30, 2014 at 1:18 pm #168949
Well, that’s the issue – I only started learning css, and the Layout Builder of my WP theme requires no coding, so the html structure is hidden.
However, as I have mentioned, I am allowed to add custom css classes for ojects, and define css properties and values via quick css field (or via child theme style.css)
Do you mean it’s not possible to apply this shadow via css files, without modifying html?April 30, 2014 at 1:29 pm #168950
You see, the piece of code I pasted in is correct, as everyone is using it, and it’s the same on many different websites.
I have added custom class for the box (my-box). But I suspect that .effect2 class selector should also be connected with the object (my-box) somehow.
But I have no idea from this point on..
- The forum ‘CSS’ is closed to new topics and replies.