[hoiung]

Hey,

The disable featured image on pages isn’t disabling properly. The image disappears but leaves this big black block where the feature image originally was.

https://zoukdancecamp.com/7-11-february-2019-ludek-pavla-monika/

Any ideas how to disable PAGE featured image completely?

[Skandha]

@hoiung: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

body:not(.home) .custom-header-content.sections.header-media-section.align-center {
	display:none;
}
body:not(.home) .menu-main-menu-container ul li a {
	color:#000 !important;
}
body:not(.home) .breadcrumb-area.custom {
	margin-top:90px;
}

Let me know if this works out!
Kind Regards,
Skandha

[hoiung]

@skandha: great! that fixed it for desktop view! however now in tablet and mobile since the menu and font is white color, it can’t be seen!

How can I make it visible on tablet and mobile view?

[hoiung]

for clarity, it’s not the menu item’s font that is white, it’s the menu itself is white!

[hoiung]

lastly, I’ve noticed that your css code above also changes the font color of all menu items and sub-menu items to be all black? how could I make it so the submenu items font colors and hover colors are the same as in the homepage sub-menu items?

For clarity, it’s the SUB-MENU that i prefer being blue with pink hover color.

https://zoukdancecamp.com/
If you move your mouse over “Upcoming ZoukDanceCamp” menu item, you see what I mean 🙂

Maybe the easiest solution isn’t to change the font color but rather add a background block (say PURPLE in color) so the white color menu items will be seen?

[Skandha]

@hoiung: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#masthead {
     background-color:#123456;
}

You can change the color according to your requirement.
Let me know if this works out!
Kind Regards,
Skandha

[Skandha]

@hoiung: Let me know if you have any issues regarding the font color.

Kind Regards,
Skandha

[hoiung]

Great! that works, this is my final code:

/* removes the feature image frame at the top of the pages when it shouldn't be there when featured image is disabled */

body:not(.home) .custom-header-content.sections.header-media-section.align-center {
	display:none;
}

body:not(.home) .breadcrumb-area.custom {
	margin-top:90px;
}

body:not(.home) #masthead {
     background-color:#685198;
}

I omitted the following as it wasn’t necessary:

body:not(.home) .menu-main-menu-container ul li a {
	color:#000 !important;

All good, thanks ~Skandha!

[Skandha]

@hoiung: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/adonis/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[hoiung]

thanks, added review 🙂

[Skandha]

@hoiung: Thank you for your appreciation. Let me know if you have anymore issues. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts