Docs

[aperfect10]

Hello! I am attempting to change the background color of my menu bar to a solid white so that when I scroll, the menu will stay at the top of the screen and the text will not get lost in darker images.

Thank you!

[Prasant Rai]

Hello There,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[aperfect10]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-navbar.x-navbar-fixed-top {
  background-color: #fff;
  height: 65px;
}

Hope this helps.

Cheers!

[aperfect10]

Awesome! Thank you so much! Would you also be able to help me with the following?

On our drink menu I was unable to add spaces after our glass prices, so I had to put dashes. Is there a way to make those white so that viewers cannot see them? Also, I would like the font to be Lucida Bright and not all capitalized. How do I accomplish those items?

[Jade]

HI there,

Try to wrap the dashes in a span tag like: <span class="right">$6<span>———-</span></span> then add this code in the customizer:

.right span {
    color: #fff;
}

Lucida Bright font isn’t a free font so you will have to get a licence of the font here and get the instructions on how to embed the font: https://www.myfonts.com/fonts/mti/lucida-bright/webfont_preview.html

To set the capitalization of the menu items to normal case, set the option in Appearance > Customize > Header > LINKS – TEXT > Uppercase to Off.

Hope this helps.

[aperfect10]

Thank you! It does except for the capitalization issue. The area that I do not want uppercase is within the Drink Menu items.

[Jade]

Hi there,

Please try this code:

.x-navbar .x-nav-wrap .x-nav > li > a {
    text-transform: none !important;
}

Hope this helps.

[aperfect10]

Nope, still didn’t work. The area that I want un-uppercased would be the types of wine – ex. Chardonnay. See attached.

Thank You!

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.page-id-100 #x-section-2 .h-custom-headline.man.h4 {
  text-transform: none;
}

Hope it helps

joao

[aperfect10]

You’re the best!! That worked! Back to the Lucida Font question. I have downloaded the font but the link that Jade sent did not have instructions as to how to implement this on our website. Can you help me with that?

[Friech]

Hi There,

Please follow this post: https://community.theme.co/forums/topic/menu-font-changes/page/2/#post-881256

Let us know if something is not clear.

Cheers!

[aperfect10]

This reply has been marked as private.

[aperfect10]

This reply has been marked as private.

[aperfect10]

This reply has been marked as private.

[Author]

Posts