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

Schrinked header: how to make it more opaque

Home / Forums / Pinnacle Theme / Schrinked header: how to make it more opaque

This topic is: Resolved
[Resolved]
Posted in: Pinnacle Theme
August 1, 2015 at 7:28 pm

Hi, I use Pinnacle Premium 1.40 with a child theme.
I wanted the header as well as the shrinked header to be 97% opaque, i.e. the color behind the elements of the main menu.
I selected Theme options -> Site header -> Transparent Header -> Enable Transparent header until scrolled? ON.
Then, in my child style.css file I put, with success:
.headerclass {
background: rgba(255, 255, 255, 0.97) none repeat scroll 0% 0%; }

For the menu when it is scrolled, I went to Theme options -> Page title -> Page title -> Page Header background Overlay Opacity. It only goes to 0.9 so I selected 0.9 .
Since I want 0.97, I added in my style.css without success this time:
.is-sticky .headerclass, .none-trans-header .headerclass {
background: rgba(255, 255, 255, 0.97) none repeat scroll 0% 0%; }

Where am I making mistakes?
Thanks!

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