Tagged: Enfold 3.0
-
AuthorPosts
-
October 2, 2014 at 12:41 pm #328868
Hey Guys,
Congrats on the new release!
I used to create some translucent black background frames behind the animated numbers in the Animated Numbers element to have them show more clearly on a fix/parallaxed background image. See example here:
I did this thanks to Josue’s CSS that I added on the Quick CSS box and was something like this:
.page-id-2 .avia-builder-el-16 { padding: 20px;
background-color: rgba(0,0,0,0.5); }With Enfold 3.0 such things disappeared as you can see for the same example here:
http://casateulada.vacationrentalsecrets.com/
when I check the code on the page I notice that there is no more .avia-builder-el- reference where the animated numbers are.
How can I recreate the same translucent box? It is quite important for a number of pages I have on other sites which use such feature and I haven’t therefore updated Enfold yet, because I don’t want to lose that.
Thank you.
Antonio
October 3, 2014 at 5:39 am #329444Hi Antonio!
Thank you for using Enfold.
You can add a unique selector to any elements on the advance layout builder except for column layouts. Refer to this link for more info:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/Use “animated-block” on the Custom CSS field for example then add this on Quick CSS:
.animated-block { padding: 20px; background-color: rgba(0,0,0,0.5); }
Best regards,
IsmaelOctober 7, 2014 at 11:14 pm #331947Hi Ismael,
before I make any damages, since I’m not a coder, can you tell me where inside the functions.php file do I add the line
add_theme_support(‘avia_template_builder_custom_css’); ?
Also, do I need to add this line to which of the following two files within Enfold:
1) functions-enfold.php
2) Theme Functions
Lastly, if I look at the Theme Functions file, there seems to be a ‘add_theme_support(‘avia_template_builder_custom_css’);’ line already at the bottom of the file….so maybe you added that already in 3.0.1?
Thanks,
Antonio
- This reply was modified 10 years, 2 months ago by abortolotti.
October 8, 2014 at 12:40 am #331982Hey Antonio!
Yes, that’s already added by default, you’d just need to apply the class and Quick CSS accordingly.
Regards,
JosueOctober 8, 2014 at 9:36 am #332215Hi Josue,
I don’t see it appearing by default if I click the animated numbers element…maybe there is something not appearing?
I just sent you the private credentials to log into my dashboard as admin for the other issue related to the submenu, maybe you can look into that too.
Meanwhile however, I solved this problem by adding again the code in the Quick CSS field.
Thanks,
Antonio
-
AuthorPosts
- The topic ‘How to recreate translucent background box in Animated Numbers element in 3.0?’ is closed to new replies.