K
ksyforth
New Member
Hi everyone!
I am new to Elementor, even newer to CSS if at all possible, and very grateful in advance for your help!
First, here’s the context:
- I have Elementor Pro.
- What I am trying to achieve overall is this: I want to have a somewhat different design for different categories of blog-posts, including different color post subheadings within the blog post content. The way I currently plan on handling this is to have several blog post templates, and assign them to the different post categories (but feel free to share if you think that’s a bad idea).
My current problem is to figure out how to style the header tags within the blog post content. The only way I have succeeded in doing so at this point in to add a line of CSS at the top of individual blog posts in the backend of WP (I use the classic editor plugin, BTW). But I fear this is bad practice, and anyway I’d like to do it at the level of the blog post templates, not the individual post pages!
I have tried adding CSS from the Elementor front end of the blog post template (I have only one so far),and I am at least glad that I can affect the content of the entire post content widget. But I’ve failed to figure out how to target the subheadings (h2 header tags, I’ve kept H1 for the post titles). I went on the post page and used “inspect element”, but all I see is that the subheadings are h2 elements, which I already knew. I have tried the following CSS codes, which have no effect:
- selector .h2{color:red;}
- selector .elementor-h2{color:red;}
So, how can I target my h2 subheadings?
Thank you so much if you can help!
I am new to Elementor, even newer to CSS if at all possible, and very grateful in advance for your help!
First, here’s the context:
- I have Elementor Pro.
- What I am trying to achieve overall is this: I want to have a somewhat different design for different categories of blog-posts, including different color post subheadings within the blog post content. The way I currently plan on handling this is to have several blog post templates, and assign them to the different post categories (but feel free to share if you think that’s a bad idea).
My current problem is to figure out how to style the header tags within the blog post content. The only way I have succeeded in doing so at this point in to add a line of CSS at the top of individual blog posts in the backend of WP (I use the classic editor plugin, BTW). But I fear this is bad practice, and anyway I’d like to do it at the level of the blog post templates, not the individual post pages!
I have tried adding CSS from the Elementor front end of the blog post template (I have only one so far),and I am at least glad that I can affect the content of the entire post content widget. But I’ve failed to figure out how to target the subheadings (h2 header tags, I’ve kept H1 for the post titles). I went on the post page and used “inspect element”, but all I see is that the subheadings are h2 elements, which I already knew. I have tried the following CSS codes, which have no effect:
- selector .h2{color:red;}
- selector .elementor-h2{color:red;}
So, how can I target my h2 subheadings?
Thank you so much if you can help!