admin管理员组

文章数量:1124392

We recently took over a website that's written with Elementor. Not something I am terribly use to.

Most theme page builders assign a Class to the Page Title (where the title and Breadcrumbs show), so you can control it in CSS.

I can't find such a section in Elementor. I'm told each page has it's own ID. But if you want to apply a Shadow to ALL Page Title areas, or apply a Background Overlay of darkness to all Page titles, behind the text - how do you do that?

If you had 1000 pages, surely you don't need 1000 CSS Classes?

What is the magical Class in Elementor that is assigned as the Page Title row?

Thanks

We recently took over a website that's written with Elementor. Not something I am terribly use to.

Most theme page builders assign a Class to the Page Title (where the title and Breadcrumbs show), so you can control it in CSS.

I can't find such a section in Elementor. I'm told each page has it's own ID. But if you want to apply a Shadow to ALL Page Title areas, or apply a Background Overlay of darkness to all Page titles, behind the text - how do you do that?

If you had 1000 pages, surely you don't need 1000 CSS Classes?

What is the magical Class in Elementor that is assigned as the Page Title row?

Thanks

  • css
Share Improve this question asked Mar 4, 2024 at 13:28 Simon_a6Simon_a6 111 bronze badge 1
  • Depends on the theme. Can you share a link to the site? – Tony Djukic Commented Mar 4, 2024 at 14:26
Add a comment  | 

2 Answers 2

Reset to default 1

Normally it will be:

h1.elementor-heading-title

To change the CSS for all Page Title sections across an Elementor website, you can use custom CSS

/* Example CSS for Page Title sections */
.elementor-page-title {
    /* Your styles here */
    background-color: #f0f0f0;
    padding: 20px;
    color: #333;
}

.elementor-page-title h1 {
    /* Styles for the title */
    font-size: 36px;
    font-weight: bold;
}

本文标签： How do I change the CSS for all Page Title sections across an Elementor website

版权声明：本文标题：How do I change the CSS for all Page Title sections across an Elementor website? 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1736625789a1945672.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。