Hello,
This live CSS editor is side-wide and this css tab doesn’t allow for custom css to be added.
My question is: is there a way to add lots of css code customization for specific TD element only? Exemple
If a page has two td_block_5 elements, I want some customization only for one of the blocks and not to the other one.
Moreover, there are many changes that I’d like to apply to specific pages only.
Example:
I’d like something like
.td_module_3 .td-module-title {
letter-spacing: 1px;
}to affect only the td_module_3 elements on the current page and no other pages/posts.
Hello Erythros,
Yes, it is possible to target specifics elements after ID or extra classes. For example, if you want to target the homepage, you should begin with .home class or if you want to target the posts, use the class .single. Also, if you want to be more specific you should use the post ID or page ID and also if you want to target a certain block you should add it a certain class from backend, like this -> https://www.screencast.com/t/XWWTabuT9v
Thanks for your understanding!
Thanks for the tip. Is there a reason to use the Live css featured from the TD composer instead of the Custom code under the theme panel ?
Seems that there’s an easy way to mix the code in the Live css or if you open by mistake the td composer with live css on 2 different pages, some of the code will get lost.
Hello Erythros,
Please notice that the Live CSS featured was been implemented to help the users to see the changes in live mode, otherwise, if you will use the Custom CSS mode, you should press save and refresh and then you will see the changes. This is the single reason. If you do not like it you will do not use it.
Thanks.
Understood!
Thanks for taking the time and explaining it.
Topic can be closed.
