-
Posts
-
Can you tell me what effect this is? It appears to be a transparent border. It is not white. Can you tell me how to achieve this effect?
Thank you,
Jas
First page of the “Enfold One Page Portfolio Demo”
http://kriesi.at/themedemo/?theme=enfold-overviewscreenshot
https://dl.dropboxusercontent.com/u/1049926/Screen%20Shot%202016-01-14%20at%206.56.25%20AM.pngHi Jasmer!
You can give your color section element a overlay and a unique ID and then add following code to Quick CSS
#your-unique-id .av-section-color-overlay { margin-top: 1px; }Regards,
YigitSo this did not come with the theme? I don’t understand. What color would I use for the overlay?
You’ll have to explain slowly :) I am asking how that transparent border was added. How would I achieve, what appears to be a transparent border, by adding a color overlay?
If it is included in the enfold demo it must be possible without quick CSS right?
ThanksHi!
Please instructions below
– Edit your page.
– Add a Color Section element to your page
– Give your Color Section element a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
– Set a custom background image to your Color Section in “Section background” tab
– Set “Section Background Overlay” from “Section Background Overlay” tab
– Add custom CSS code i posted above to Quick CSS field.
– Flush cache, refresh your page a few times and admire your transparent border :)Edit: I can only see the border on Safari on OSX 10.11 and not on Chrome or Firefox. It should be browser glitch but you can apply anywhere using instructions above
Cheers!
Yigit
- You must be logged in to reply to this topic.