Hi and thanks for the quick answer! How do you see that? Because I have some new css in the end of the document and it’s not loading, so I made another file called lp.css and referenced it in header.php and put the same css in there and it’s loading it. This is the css:
@font-face {
font-family: comfortaa;
src: url(comfortaa-regular.ttf);
}
body, p, #commentform label, .contact-form label {
font-size: 16px;
line-height: 24px;
color: #333;
}
h1, h2, h3, h4, h5, h6, header {
font-family: comfortaa;
text-transform: initial;
}
#footer h6, #footer header {
color: #cccccc;
font-size: 24px;
}
hr {
border-top: 1px solid #D8D8D8;
}
h1 {
font-size: 40px;
}
h1, h4{
color:#6EC141;
}
h2, h5 {
color: #17B6CE;
}
h3, h6{
color:#F7941E;
}
h3.spb-heading {
margin-bottom: 25px;
/*color: #21BBB2;*/
color:#696969;
height: 24px;
}
.recent-post h5 {
font-size: 16px;
font-weight: 700;
line-height: 28px;
}
.recent-post h5 a{
}
.details-wrap p {
font-size: 13px;
font-weight: 500;
}
.btn {
width: inherit;
height: inherit;
line-height: 34px;
padding: 8px 26px;
font-family: comfortaa;
transition: background-color .3s ease-in-out;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
animation-iteration-count:none;
-moz-animation-iteration-count:none;
-webkit-animation-iteration-count:none;
animation:none;
}
.btn:hover {
box-shadow: none;
color: #fff;
background-color: #E64F28;
}
.spb_parallax_asset{
box-shadow:none;
}
nav#main-navigation .menu li.menu-item > a {
font-size: initial;
}
.