Unable to change the menu bar background color

kuuldot · December 2018

I want to change the background color of the menu bar (blue) and when it gets sticky, i want the color to change to another color (white).

There appears to be no option to change the menu bar background color at all. Please help.

Pablo · December 2018

Hi,

It's possible only with Custom CSS.

If you don't know how to do it, please send me a link to your website.

Thanks

kuuldot · December 2018

Okay thanks. Please see below the link below. I just started the build.

http://new.platinumsamandy.com/newwp

I will take it offline again when you are done.

What I am hoping to achieve is have the menu bar background deep blue while the text and underline for active links is white, But when it becomes sticky, the menu bar background color should be white whilst the text/link color is deep blue.

I have been able to achieve the first part but not the sticky part.

Would appreciate your help.

Pablo · December 2018

Unfortunately, this page is on "under construction" mode.

Can you please disable it?

Thanks

kuuldot · December 2018

Hi,

Just seeing your response. I have been able to fix this using CSS.

However, I have another challenge - is it possible to make column fill the entire height of a wrap? That way I can ensure height consistency regardless of screen size?

Would appreciate your feedback.

Thanks.

Pablo · December 2018

The height of wrap always depends of the content inside it.
Can you explain it greater, because I think I misunderstood you?
Thanks

kuuldot · December 2018

Is there somewhere I could send you a screenshot of what I mean?

I am trying to create a 3x2 grid where each cell has a background image with text on it. I want each cell in a row to have the same height regardless of the content amount.

Your feedback will be appreciated. Thanks.

Pablo · December 2018

Please upload your image on https://prnt.sc

I think, you're asking about the equal height of wraps.

A equal height of wraps is used to position elements on: top, middle or bottom in wraps. In order to achieve this you need to:
1. Edit your page, and go to the muffin builder. Edit a section and under the advanced>style select 'equal height of wraps'. See screens:
http://prntscr.com/f40hvn
http://prntscr.com/f40kh0
2. Now edit each wrap in that section and set the desired vertical align(top, middle or bottom). See screens:
http://prntscr.com/f40kvr
http://prntscr.com/f40lhl

Thanks

kuuldot · December 2018

Hi,

Apologies for the delay. I have read your response and it appears not to directly address what I intend to do.

Please see below link to the screenshot of what I am trying to achieve - a row divided into three sections with equal heights and a white gutter.

Looking forward to your response. Thank you.

Regards,

kuuldot · December 2018

Sorry the upload link is :

https://prnt.sc/lv4acd

Pablo · December 2018

What you're asking for is the "equal height of wraps", but be sure that you've followed all of my steps from the previous message.

If you're making all boxes inside the one wrap (https://i.imgur.com/8bFtzz4.png), then please use the
"Equal Height | items in wrap"
https://i.imgur.com/bxvbgdK.png

Thanks

kuuldot · December 2018

Thanks for your response. I was able to resolve all the issues using CSS.

Regards.

Unable to change the menu bar background color

Comments