Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #199086


    My question is quite simple. I’d like to add custom classes on specific elements, for example, a slider on my homepage.

    I really can’t fond where to add this.

    Can you help me please ?

    P.S. : Sorry for my quite bad English, I’m French. ;)



    That featured is not available at the moment, feel free to request it here.

    However, every ALB element gets a automated class based on their order, you could check them with the Dev Tools:

    Best regards, 


    Thanks for your response, but i did know that this feature doesn’t exist yet. I’m a developer and i’m able to change the code on my own, but i don’t find the file that allow me to add this.

    I’ve already done what you have said but i changed the content of my homepage after and obviously it messed all my css.

    I’m posting in the “Feature Requests” topic, but have you got another answer for my request ?

    Another solution to do the same thing on my case right now would be to have a class on a the main div for each page, is it possible ?

    Thanks a lot for your help.



    You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:


    Edit any avia elements like Text Block then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-textblock”.

    You can add something like this on your custom.css or Quick CSS:

    .avia_textblock.awesome-textblock p {
    background: blue;
    padding: 10px;
    font-size: 20px;



    Oh great !

    Thank you so much. That’s exactly what i wanted to do.


Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Add custom classes on specific elements’ is closed to new replies.