How to change form back ground to light gery

Support
#1

how to change the contact form fields back ground to white on this page

#2

Hi there,

Please try this CSS in X > Theme Options > 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 {
    border-color: #efefef;
    background-color: #fff;
}

Here are some related links of the suggestions above for further reading:

Hope this helps.

#3

Thanks that worked when I put it in the page CSS :grinning:

Can you do the same thing with the black background on posts?
See:
https://www.thegalleryfitness.co.nz/push-it-to-the-limit/

#4

Hi There,

You can add this to Theme Options > CSS

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

Hope it helps,
Cheers!

#5

This code is only working on the page CSS and only for the page. (so Would have to do one page at a time) For some reason the universal CSS is not working?? Do you know what could be causing that.

#6

Hi there,

There seems to be an issue with the CSS code that you have in the Global CSS such as some CSS syntax error that is stopping the CSS code you are adding to work as expected.

To verify that, please copy all the codes that are in the Global CSS and paste it here.

It should provide some information if there are any CSS error that is causing the issue that you have to fix so that the CSS codes will work.

Hope this helps.

#7

Where d0 I start

16 .x-colophon.bottom, .x-colophon.top {
17 font-size: 1.0rem;
18 }
19
20 p {
21 margin: 0 0 01em;
22 }
23
24 h2.p1 { margin-top: 2px; }
25
26 h1, .h1 { font-size: 35px !important; }
27 h2, .h2 { font-size: 28px !important; }
28 h3, .h3 { font-size: 26px !important; }
29 h4, .h4 { font-size: 23px !important; }
30 h4, .h5 { font-size: 20px !important; }
31
32 .x-counter .number {
33 font-size: 52px;
34 line-height: 1;
35 }
36
37 .x-counter .text-above {
38 font-size: 15px;
39 line-height: 1.5;
40 }
41
42 .x-counter .text-below {
43 font-size: 15px;
44 line-height: 1.5;
45 }
46
47 .x-counter .suffix {
48 font-size: 52px;
49 line-height: 1.5;
50 }
51
52 @media (min-width: 1024px) {
53 .post, .x-comments-area {
54 max-width: 70% !important;
55 margin-left: auto !important;
56 margin-right: auto !important;
57 }
58 }
59
60 .x-social-global i {
61 font-size: 18px;
62 }
63
64 .x-colophon ul.vcard li,
65 .x-colophon .textwidget {
66 color: #d2cdba;
67 }
68
69 .x-pricing-table ul.x-ul-icons {
70 height: auto !important;
71 }
72
73 a:focus,
74 a.x-btn:focus,
75 select:focus,
76 input[type=“file”]:focus,
77 input[type=“radio”]:focus,
78 input[type=“submit”]:focus,
79 input[type=“checkbox”]:focus,
80 input[type=“button”]:focus {
81 outline: none !important;
82 }
83
84 .x-navbar .mobile .x-nav li>a {
85 margin: 0 0 21px;
86 }
87 .widget a { padding: 5px 0; }

#8

Hi,

The code you provided looks correct and there are no syntax error but it’s incomplete.

Try to add the code provided at the very top of Theme Options > CSS

You can also try adding !important

.single-post .entry-wrap {
	background-color: transparent !important;
}

If it still doesn’t work, please provide us your wordpress admin login in Secure Note

Thanks

#9

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