Losing origin theme color of header title by background image for mobile

Hi there,

in Customizer > Additional CSS - remove this block of code:

.page-hero h1,
.page-hero h2,
.page-hero h3,
.page-hero h4,
.page-hero h5,
.page-hero h6 {
    color: #4d535e;
}

But I only have in Customizer>Additional CSS this:

`/* GeneratePress Site CSS */ @media (min-width: 1025px) {
.home-intro {
margin: 10px 200px;
}
}

.lsi-social-icons li a, .lsi-social-icons li a:hover {
padding: 10px 5px 0px 5px !important;
background: transparent !important;
}

.topbar {
padding: 6px 0px 4px 0px;
}

@media( max-width: 768px ) {
#lsi_widget-2 {
display: none;
}
}

.main-navigation .menu > .menu-item > a::after {
content: "";
position: absolute;
right: 50;
left: 50%;
top: 0px;
-webkit-transform: translateX(-50%);
29
transform: translateX(-50%);
30
display: block;
31
width: 0;
32
height: 2px;
33
background-color: currentColor;
34
transition: 0.3s width ease;
35
}
36
​
37
.main-navigation .menu > .menu-item > a:hover::after,
38
.main-navigation .menu > .menu-item > a:focus::after,
39
.main-navigation .menu > .current-menu-item > a::after{
40
width: 30px;
41
}
42
​
43
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
44
text-align: center;
45
}
46
​
47
.main-navigation a {
48
letter-spacing: 2px;
49
}
50
​
51
#generate-slideout-menu {
52
padding-top: 20px;
53
}
54
​
55
.hero-title {
56
font-size: 40px;
57
letter-spacing: 4px;
58
}
59
​
60
@media (max-width: 768px) {
61
.hero-title {
62
font-size: 32px;
63
letter-spacing: 2px;
64
}
65
}
66
​
67
.mobile-header-navigation {
68
padding: 8px 5px;
69
}
70
​
71
.menu-toggle {
72
font-size: 20px;
73
}
74
​
75
h1 {
76
letter-spacing: 2px;
77
}
78
​
79
input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited {
80
line-height: inherit;
81
border-radius: 6px;
82
transition: all 0.5s ease 0s;
83
margin-top:10px;
84
}
85
​
86
h2.widget-title {
87
letter-spacing: 2px;
88
}
89
​
90
.inside-footer-widgets {
91
text-align: center;
92
}
93
​
94
.inside-page-hero .smooth-scroll {
95
position: absolute;
96
bottom: 20px;
97
}
98
​
99
.page-hero {
100
position: relative;
101
} /* End GeneratePress Site CSS */

Ausblenden
Desktop-Vorschau anzeigen Tablet-Vorschau anzeigen Mobile Vorschau anzeigen

Failed to initialize plugin: lgc_shortcodes_button×Failed to initialize plugin: lgc_shortcodes_button

OK - go to Appearance > Elements and edit the Header Element(s). Edit the Text Color option and click Clear.

Yes! That is it!

Thank you so much David :)

You're welcome