Change transparancy of the drop down menu

[CarlavandenOuweland]

Hi,
I’m working with X-theme and WP-Bakery.

Can I:

• change the transparancy of the drop down menu?
• place this menu down?

Greetings, Carla

[christopher]

Hi Carla,

Would you please kindly check the X > Theme Options > CSS to see if you added some additional CSS code there? The reason behind the semi transparent background is this code rgba(0,0,0,0.04) !important but I can not pinpoint the source of the code.

You can override the changes by adding the CSS code below into X > Theme Options > CSS:

.x-navbar .desktop .x-nav > li ul {
    top: 107px;
    background-color: #ffffff !important;
}

Your website logo is big, I suggest that you use a photo editing software such as photoshop and make it smaller to fit the header. You can also go to X > Theme Options > Header and you will find settings to change the header height and so on which I think will give better control over the sizing.

If you need ultimate freedom on how your header looks like then I suggest that you check Pro theme header builder, you will have all sorts of options to handle the size and padding of different header elements. You will be able to convert your current X installation without any additional hassle using this guide after the payment.

Thank you.

[CarlavandenOuweland]

Hi Christopher,

Thanks a lot.

Carla

[christopher]

You are welcome

[CarlavandenOuweland]

Hi Christopher,
I want to convert the x-theme to PRO. I want to have a better control over the sizing the Header (menu) and footer. I can’t find how to convert my license X-theme to PRO? See attachment.

Thank you,
Carla

YES I found the PRO and it works. It’s not not necessary anymore!!!

[ruenel]

Hello Carla,

It’s good to know that you have already found it and have upgrade to Pro theme already.
Please don’t hesitate to open another thread if you need anything else we can help you with.

Cheers.

[CarlavandenOuweland]

Hi Ruenel,

How can we delete the white space between header and slider?
See attachment.

Thank you,

Carla

[friech]

Hi Carla,

To remove that white space, please change your page template to Blank - No Container, Header | Footer

Hope it helps,
Cheers!

[CarlavandenOuweland]

Hi Friech,

Thank you, it works.
But the page has no container anymore. The content has no margin on the left and right side.
How can I this manage in WP-Bakery?
See attachment.

Thank you, have a nice day,

Carla

[ruenel]

Hello Carla,

Are you using the vanilla WPBakery Page builder? If that is the case, please revert back to Blank - Container, Header | Footer page template. We just modify the template to fit with the WPBakery Page Builder instead. By default, there is no setting to adjust the space above and below the content area while using the Blank - Container page template. You need to add CSS code into X > Theme Options > CSS to be able to adjust the spacing.

You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

The default spacing is using this builtin styling css:

.page-template-template-blank-1 .x-container.offset {
    margin: 2.75em auto;
}

Feel free to modify the code above and change the margin to 0. To learn more about the “margin” css property, please check this out: https://www.w3schools.com/css/css_margin.asp

We would love to know if this has worked for you. Thank you.

[CarlavandenOuweland]

@ruenel

.page-template-template-blank-1 .x-container.offset { margin: 2.75em auto; }

Yes it works. Thank you.

[christopher]

You’re welcome .