Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 2, 2014 at 12:41 pm #328868
    abortolotti

    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:

    http://www.bednspa.com/

    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 #329444
    Ismael

    Hi 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,
    Ismael

    October 7, 2014 at 11:14 pm #331947
    abortolotti

    Hi 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 9 years, 7 months ago by abortolotti.
    October 8, 2014 at 12:40 am #331982
    Josue

    Hey Antonio!

    Yes, that’s already added by default, you’d just need to apply the class and Quick CSS accordingly.

    Regards,
    Josue

    October 8, 2014 at 9:36 am #332215
    abortolotti

    Hi 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

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to recreate translucent background box in Animated Numbers element in 3.0?’ is closed to new replies.