Docs

[JfantasyBooks]

Hey there, Themeco Team!

Name: JFantasyBooks
Site: Fantasy-Updates
Site Url: https://fantasy-updates.live
WordPress Version: 4.6.1
X Version: 4.6.4
Cornerstone Plugin Version: 1.3.3

Problem:

I’m trying to change the color of the navbar (menu and all). For some reason I do not see the option in the customizer.

Can you direct me?

Thanks.

[Prasant Rai]

Hello There,

Thanks for writing in!

Please change navigation color from Appearance >Customizer > Header > Navbar Links.

Thanks.

[JfantasyBooks]

I’m not looking to change the navbar links, but the entire header (menu and all). The body should be one color, the logo-text another, and the navbar links another. But there is no option to change the color of the header that contains it all.

[Friech]

Hi There,

In that case you need to set the logo and navigation layout as Stacked (Customizer > Header > Layout)

And then add this on your Custom CSS on Customizer.

For logobar

.x-logobar {
	background-color: red;
}

And this is for navbar

.x-navbar {
	background-color: blue;
}

Thanks.

[JfantasyBooks]

Thanks.

1. I also wanted to know a way to change the logo text (and remove it) and add a description.

I want to do this for a single page, so I will do it in cornerstone css editor.

But I need the css for it to add in the custom css of cornerstone page.

2. Is there a way to add a header by custom css and not through the customizer?

3. I would also like to make the logo-nav taller (thicker)? … The width function makes the actual logo itself bigger, which is not my intention. I’m looking for the background area taller.

Can you help me?

[Rupok]

Hi there,

Thanks for writing back.

#1. You can’t change the logo text for specific page as it’s a global setting. You can change the site title from Settings > General to change this.

#2. Not sure how do you want to add a header with CSS. But you can enable Topbar from Customzie > Header.

#3. You can set a higher value or increase the value of “Navbar Top Height (px)” from Customzie > Header – http://prntscr.com/d5dj8u

Hope this helps.

[JfantasyBooks]

I figured out how to do it for # 3.

body .x-logobar .x-logobar-inner {
padding-top: 200px;
}

If I can’t change the logo text content, can I remove the logo text from that page, but keep the logobar?

[Paul R]

Hi,

To remove the logo text, you can add this under Custom > Edit Global CSS in the Customizer.

.x-brand.text {
    display:none;
}

Hope that helps.

[JfantasyBooks]

Thank You.

[Paul R]

You’re welcome! 🙂

[Author]

Posts