Set home page and navbar questions

Support
#1

Hi,

I’ve tried to set the home page, but for some reason the option under Setings > Reading are not available. Any ideas on how to fix this? Currently I only have the X Theme plugins and approved plugins installed.

Also, I’m trying to get the navbar on the home page to have a transparent overlay over the slider image. Using the thread https://theme.co/apex/forums/topic/navbar-text-color-change/ I tried to change the color of the text as well as making the header sticky with a background color added.

I was able to create the overlay, but added it to the home page local CSS as it also created an overlay over other posts and pages if I added it to the global CSS.

Where I’m stuck right now is the text color. Would like to change this to white, and to have a background color #2D2F33 when not on the slider image. Can you help?

#2

Hi There,

Would you mind providing us with login credentials(by clicking on the Secure Note button at the bottom) so we can take a closer look? To do this, you can make a post with the following info:

  • Link to your site
  • WordPress Admin username / password

Thanks.

#4

I figured out why I was not able to choose a static front page, but the other question still remains.

The reason why I was not able to select a front page was actually pretty silly. I thought I had published the page, but apparently I had had not. Once I did I was able to select it.

#5

Hi There,

Please add the following CSS to theme Options CSS

.x-navbar {
background-color: rgba(1,1,1,0.3);
}

Hope it helps!

#6

Let me clarify my question:
I would like the navbar to have a transparent background with a white font color when overlaying the slider image on the home page.
When scrolling below the masthead and on other pages, I would like the background color to be either white with a dark grey font, or dark grey background with a white font.

I’m unsure if this can all be done from global settings, or if I do some global settings with a local override for the home page, but I do need some help in understanding how to go about this. http://www.virtus-fortis.hr/ is an example of what I’m trying to accomplish.

#7

Hey there,

First, you need to make your nav fixed. To do that, go to X > Launch > Options > Header and in Navbar Position, choose Fixed Top. Then, scroll down and in Navbar Links, set the color to white. Next, go to Options > Integrity and enable Navbar Transparency. After that, add this code in your Global CSS

.x-navbar {
    box-shadow: none;
    border: 0
}

.x-navbar-fixed-top {
    background: gray !important;
}

.x-navbar-fixed-top .desktop .x-nav > li > a > span {
    color: white;
}

Thanks.

#8

I tried using this code, but it didn’t quite work like intended. Found an optional solution that at least works for now. Now another question: I’ve added a button to the navbar, and I have followed the suggestion in https://theme.co/apex/forums/topic/add-button-to-navbar-menu/ to align the button with the text menu, but it’s not working. Any thoughts?

#9

Hi,

To further assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

#10

I will. Thought you already had it form earlier in the thread, but sending separate as secure message.

#11

Hi again,

Thank you for providing the details. Please add the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

li#menu-item-80 a {
    padding-top: 23px !important;
}

Let us know how this goes!

#12

That seems to have solved it. Thanks!

#13

Glad we could help.

Cheers!

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.