Docs

[Thai]

Hey There,

Please add the following CSS:

body.blog .x-navbar .desktop .x-nav > .menu-item > a > span,
body.single-post .x-navbar .desktop .x-nav > .menu-item > a > span,
body.blog .x-navbar.x-navbar-fixed-top .desktop .x-nav > .menu-item > a > span,
body.single-post .x-navbar.x-navbar-fixed-top .desktop .x-nav > .menu-item > a > span {
    color: #000 !important;
}

Hope it helps 🙂

[brendanduggan11]

Yes it did. Almost.

Now I would like to have the logo appear along with the text when the pages initially load. As well as remove the border.

Thank you

[Christopher]

Hi there,

Please remove this code from customizer and add it under home page/cornerstone settings tab/custom css:

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

Add this code in customizer :

.blog .x-navbar.x-navbar-fixed-top, .single-post .x-navbar.x-navbar-fixed-top {
    box-shadow: none !Important;
}

Hope it helps.

[brendanduggan11]

Could not find the code you mention in my customizer to remove

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

nor do I understand where to find “under home page/cornerstone settings tab/custom css:”

[Christopher]

This reply has been marked as private.

[brendanduggan11]

ok thanks, it kinda worked.

The one step I don’t understand is “and add it under home page/cornerstone settings tab/custom css:”

is this the step that would make my logo transition onto the navbar in my homepage upon scrolling down? Because as of now the logo is appearing along with the menu text, where as I would like it to transition in along with the navbar background.

but only for my main page!!!!

My blog page and blog posts are now working how I want them to.

Thank You

[Christopher]

Hi there,

Please see the attachment, add following code under home page/cornerstone settings tab/custom css:

.x-brand.img {
    display: none;
}
.x-navbar.x-navbar-fixed-top.shadow .x-brand img {
    display: block;
}

Hope it helps.

[brendanduggan11]

ok just about, I would like the logo to transition in along with the background rather then just instantly appear.

Also now the navbar background is black from the top of the page to just below the letters in the menu options. How do I remove it. Its hard to see now because the videolayer is dark also but if I would change to a lighter layer in the future it will show up alot more. i seemed to have fixed it.

but still need the logo to transistion in on the main page over 2.5 secs like the navbar.

Thank You!

[Rad]

Hi there,

Please replace this CSS,

.x-brand.img {
    display: none;
}
.x-navbar.x-navbar-fixed-top.shadow .x-brand img {
    display: block;
}

With this

.home .x-brand.img {
    opacity: 0;
    -webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
}
.home .x-navbar.x-navbar-fixed-top.shadow .x-brand.img {
   opacity: 1;
}
.home .x-brand img {
display: block !important;
}

Hope this helps.

[brendanduggan11]

yes it worked. thank you very much.

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts