[jamestholeParticipant]

Hello,
I’m not sure how to change my top bar font color to a specific color: White
and I’d also like to the change the font style to: “Nothing You Could Do”

website: http://www.iwannafarm.com

Thanks so much. I’m loving X!
James

[CousettMember]

The font seems to be already set to the “Nothing You Could Do”

.x-brand {
font-family: "Nothing You Could Do","Helvetica Neue",Helvetica,sans-serif;
}

Great job figuring that out.

To set the topbar font color the easiest way is under typography in the customizer settings.

[jamestholeParticipant]

The logo font is already set to “Nothing You Could Do” and it’s the color I want “white” but the top bar which currently is showing the quote “Nothing happens unless first a dream.” ~ Carl Sandburg is neither white nor “Nothing You Could Do” font style. I looked through the customizer typography settings and can’t find any options to change top bar font color and style. Maybe I’m missing it? I’ve searched throughout the entire customizer and only can find an option to change the top bar color.
Thanks.

[CousettMember]

I am sorry I misunderstood I didn’t see the quote at all until you mentioned it and I was looking specifically for it. This are of the top bar it is best to change the settings in the custom css itself.

To do this add some CSS code under Appearance -> Customize -> Custom -> CSS

.x-topbar .p-info {
color: white;
font-family: "Nothing You Could Do","Helvetica Neue",Helvetica,sans-serif;
}

I hope this helps and sorry again for the confusion on our part.

[jamestholeParticipant]

No problem! That was exactly what I wanted and worked perfectly! Thank you. However, I’m wondering if I can make the font size bigger?

[CousettMember]

Glad we were able to help.

In that same style use the code font-size: 15px;

Hope this helps have a nice day.

[jamestholeParticipant]

That did the trick! Thanks! Have a great night.

[CousettMember]

Glad we were able to help. Have a nice day.

[pathfindersrcdParticipant]

This reply has been marked as private.

[pathfindersrcdParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-topbar .p-info a {
    color: #fff;
}

.x-topbar-inner p span {
    color: #efefef;
}

@media (max-width: 767px) {
    .x-topbar .p-info {
        background-color: transparent !important;
    }
}

Hope this helps.

[pathfindersrcdParticipant]

That worked, THANKS!

[ThaiModerator]

Glad it worked

If you need anything else, please let us know.

[Author]

Posts