Hi,
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. ;)
Hey!
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,
Josue
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.
Hey,
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:
add_theme_support('avia_template_builder_custom_css');
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;
}
Regards,
Ismaels
Oh great !
Thank you so much. That’s exactly what i wanted to do.
Regards,
FJ