Menu in Alternative color is not solid

[Sweetkitty]

If you go to this page and do Explore the cards > Minor Arcana
the submenu that breaks out is totally transparent and gets lost.
How do I make it solid black?
Is there a way to make it break out to the right and not the left?

http://www.outsidertarot.com/minors/

[SeaTheme]

Hi there,
Welcome to SeaTheme forum.

To add a solid BG color, please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

.navi-show-h.page-id-1325 .navi-header .sub-menu {
    background-color: #000;
}

It will only affect the “minors” page with page-id-1325. It you want to add a solid BG color for all pages, please add custom CSS:

.navi-show-h .navi-header .sub-menu {
    background-color: #000;
}

If the submenu shows at the right side, part of submenu will be masked: https://www.dropbox.com/s/73s3ipuspd309jz/QQ20210920-100922.jpg?dl=0

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Sweetkitty]

Thanks,

I would like all pages to have menus with solid backgrounds.

Is there is a CSS for all alternative color pages to have solid backgrounds?

The white background pages are already solid, all the pages that are black (the alternative color) have the totally transparent background.

[SeaTheme]

welcome!

The custom CSS will add BG color for the sub-menu on all alternative color pages:

.alt-menu.navi-show-h .navi-header .sub-menu {
    background-color: #000;
}

ps: if it doesn’t work, please don’t remove the custom CSS. It will help us find the problem

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Sweetkitty]

Thank you! This seems to work perfectly on all the alternate color pages.

[Sweetkitty]

I have one other alternative color question:

http://www.outsidertarot.com/majors/

Toward the bottom of the page, I have a mailing list sign up for using the Mail Chimp plug-in.
The button itself is lost because it’s black.
I also think the button it way too big, too much padding on the top and bottom.
Is there any way to make the button smaller and white on the alternative color pages?

[SeaTheme]

Hi, welcome!

Please add the custom CSS:

.alt-menu { --color-button-text: #ADADAD; }
.mc4wp-form input[type="submit"] { height: 40px; }
.mc4wp-form input[type="email"] { line-height: 35px; }

I didn’t find the padding issue, please paste a screenshot to mark it, thanks!

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Sweetkitty]

Works perfectly. Thanks!

[Author]

Posts