Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Transparent Box For Page Header Text

Home / Forums / Ascend Theme / Transparent Box For Page Header Text

This topic is: Not Resolved
[Not Resolved]
Posted in: Ascend Theme
March 29, 2019 at 11:11 am

Hi:

I want to add a transparent box to the page name text within a page header so the text stands out better. I’m close to the solution, but my CSS applies the opacity to the text as well. Can you help me with the correct CSS?

.page-id-1160 h1.page_head_title.top-contain-title.entry-title {
background-color: black;
opacity: 0.25;
}

I am also trying to set the size of the box so it does not span the whole width of the header. Should I do that with setting a “margin” or ?

Thank you!
Loren

  • The forum ‘Ascend Theme’ is closed to new topics and replies.