Tint behind forms & pages

[Anni_Admin]

Hi there

I was hoping you could help? couple of things to sort out?

1. I would like to make the background behind forms and container pages transparent, I’m using a dark Integrity stack and there seems to be a off black panel behind the page or forms (Very subtle), can’t find an opinion for this anywhere! I’ve enclosed a screen grab for reference.

2. I would like to hide the xtheme menu but not the header logo on both mobile and desktop (hidden on desktop but not mobile) as Im using Superfly menu

3. On the form page I would like to make the font lighter, I’m using TypeKit and have imported Futura PT but can’t seem to find the option in custom section? any pointers welcome.

[basanta]

Hi There,

Thanks for writing in!
Can you please send us your website URL or the page url you have the issue so that we can suggest you better.
If your website have coming soon mode please disable it or you can send us the password in a secure note.

Thanks

[christian]

Hey @Anni_Admin,

1. Please add this code in X > Theme Options > CSS.

.entry-wrap {
    background-color: transparent;
}

2. I see you already have hidden the menu.

3. Are you referring to the text inside the fields.

If so, please add this code in the Global CSS

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #fff;
}

Hope that helps.

[Anni_Admin]

Great that all works, thanks.

Couple of other things thanks for your patiences.

1. On the form page, I would like to make the subheads above the fields a lighter weigh, this might not be possible because I’m using Futura PT typekit. please let me know? https://annabelwilliamsmusic.com/record-company-c1/

2. (Little arrow in a circle at the bottom of each page to bring you back up to the top), I would like to colour this up gold? could you supply me a piece of code for this?

3. The white burger menu still appears when the site goes to mobile size (see attached) I would like to hide this on mobile? thought I had done it but still shows up

4. Also in the mobile the Rev slider stops at the header, (Creating an ugly space) can the image in the slider carry on to the top of the site, under the logo?

Thanks In advance, really appreciate it.

Mark

[nabeel]

Hi again,

• To make the labels font lighter, add the following CSS code in the Theme Options > CSS:

.wpforms-container .wpforms-field-label {
    font-weight: 100 !important;
}

• To change the color of scroll to top anchor, make use of this code:

.x-scroll-top {
    border-color: #cbae68 !important;
    color: #cbae68 !important;
}

• To hide white burger menu, add the following code as well:

@media screen and (max-width: 979px) {
.masthead-inline .x-btn-navbar {
    display: none !important;
}
}

• For the slider in mobile view, you can use this code:

@media screen and (max-width: 979px) {
.x-slider-container.below {
    margin-top: -100px !important;
}
}

Hope this helps!