Child theme style.css code not applying -but quick-css does

Hi Eliott,

I use the enfold theme, pretty much out of the box.
Nothing in quick-css, I’ve put everything in the style.css in my child theme instead to have it all gathered in one place!

My style.css looks like this at the moment.. I’m aware it could be more structured but that will be done when all coding is finished.

*/ ÄNDRA TREDJEMENYN */
#top .av-main-nav ul ul {
  	left: 207px !important;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.8)!important;
    border-top: 1px solid rgba(0, 0, 0, 0.9)!important;
}

*/ MODIFIERA FONTER */
#top #wrap_all .main_color h3 {
    margin-bottom: 3px !important;
    margin-top: 25px !important;
}

p { margin-top: 0px !important; }

.active_tc.toggle_wrap {line-height:1.3em !important }

.toggle_icon {
  width:15px !important;
  height:15px !important;
  top:15px !important; 
  }

*/ Dela Blogginlägg */
.avia-related-tooltip {
  width:200px !important;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
}

*/ BLOGG-LAYOUT */
.widgettitle { font-weight:400 !important }
.template-blog .post_delimiter { border-bottom: 1px dotted #E1E1E1 !important }

#top .av-main-nav ul a {
  text-transform:uppercase !important;
  line-height:2em !important; 
}

#top #header .av-main-nav > li > a {
  font-size: 14.1px !important;
  font-weight:normal !important;
  }

#top #header .av-main-nav > li > a:hover {
  font-size: 14.1px !important;
  font-weight:normal !important;
  color:#00A9E0 !important;
  }

#top .av-subnav-menu  { 
  color: #222222 !important; 
  font-size:14.1px !important;
  font-weight:normal !important;
  line-height: 2em !important;
  text-transform: uppercase !important;
}
  
.av-main-nav > li > ul {
 box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.5);
 }

#top .av-submenu-container { z-index: 99!important; }
.main_menu {text-transform:uppercase;}

.flex_column .widget .widgettitle, .content .widget .widgettitle {
  margin-top: 0.85em;
	padding-bottom: 8px !important;
  margin-bottom: 18px !important;
  	border-bottom: 1px solid rgba(255,255,255,0.6);
  }

.footer_color div { line-height: 1.4 }
  
#top .news-content { padding:0px 3px 10px 0px !important }

.main_color td,
.main_color tr, 
.main_color th,
.main_color td{
  border:none !important;
  font-size:15.1px;
  margin: 0px;
	padding: 0px 0px 4px;
  }

.avia_textblock {
    font-weight: 300 !important;
    line-height: 1.5em !important;
    font-size: 15.1px !important;
  }

p {
  font-weight:300;
  line-height: 1.5em (26.4px);
  vertical-align: baseline;
  letter-spacing: normal;
  word-spacing: 0px;
  }

*/ MOBILMENY- STYLING */
#mobile-advanced li > a::before, 
.html_header_mobile_behavior #mobile-advanced span > a::before, 
#mobile-advanced .mega_menu_title::before {
    content:"";}

.av-special-heading .av-special-heading-tag {
  font-size:30px;
  padding-bottom:30px !important;
  }
    
#header_main, #header {
border-bottom-color: #FFFFFF !important;
z-index:9999 !important;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6) !important;
 }

.avia-layerslider {
    border-top-style: solid;
    border-top-width: 1px;
    overflow: hidden;
    z-index: 999 !important;
    box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.8) !important;
  }

@media only screen and (max-width: 768px) 
{ .logo a { overflow:visible!important; }}

/* BLOGGPOSTRUBRIK */
#top .fullsize .template-blog .post-title{
text-align: left !important;
max-width: 100%;
}

.toggle_icon {
border: 0px !important
}

/* DÖLJ ÖVERLAY*/
.image-overlay {
 visibility: hidden; 
}

/* ------- ACCORDION BÖRJAR ------- */
/* MENYNS LAYOUT */
.main_color .toggler {
background: #c4e1f2 !important;
color: #404040 !important;
border: none !important;
}

/* VID HOOVRING AV MENY */
.main_color .toggler:hover { 
background: #ebf1f4 !important;
color: #404040 !important;
border-color: #EFEFEF !important; 
border: px;
 }

/* INNEHÅLLET - CONTENT */
.main_color .toggle_content {
background-color: #FFFFFF !important;
border-color: #EFEFEF !important;
}

/* BLOGG-POST-BREDD */
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }

@media only screen and (min-width: 768px) {
div.comment-entry.post-entry {
    width: 80%;
    margin: 0 auto;
}}

/* TA BORT BLOGG-IKONEN */
.single .blog-meta { display: none!important; }
.rounded-container .iconfont, .small-preview .iconfont { display: none; }
.template-blog .blog-meta, .multi-big .post_author_timeline, .single-small .post_author_timeline { display: none; }

/* Horisontell kantlinje på expandera-ikonen */
.toggle_icon, .toggle_icon .hor_icon { 
border-color: #9B9B9B !important; }

/* Vertikal kantlinje på expandera-ikonen */
.toggle_icon .vert_icon { 
border-color: #9B9B9B !important; }

/* Phone info */
.phone-info a { color: #039ed2 !important; }
.phone-info a:hover { color: #039ed2 !important; }

#footer .widget a { color: #FFF !important; }
#footer .widget hover { color: #039ed2 !important; }

/* Förändra miljön för submenyn */

#header .avia_mega_div .units {
border-right-style:none; 
}

#top #header .mega_menu_title a {
font-size:15px;
text-transform:uppercase;
margin-bottom:
}

#top #header .avia_mega_div > .sub-menu {
background-color:#FFF;
text-transform:uppercase;
}

#top #header .avia_mega_div > .sub-menu a:hover { background-color:#FFF; }
#top #header .avia_mega_div > .sub-menu > li > ul { margin-left:10px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0; }

/* Förändra mobilmenyn */
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
background-color:#FFF;
border-color:#F5F5F5;
}

#mobile-advanced li > a:hover, .html_header_mobile_behavior #mobile-advanced span:hover, .html_header_mobile_behavior #mobile-advanced span:hover a {
background-color:#00A9E0
}

#advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover {
background-color:#00A9E0;
border-color:#00A9E0;
color:#FFF;
}

#advanced_menu_toggle, #advanced_menu_hide { border:none }
#mobile-advanced > li:first-child > a:first-child { border:none }

.avia_desktop #advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover { 
background-color:#00A9E0;
border-color:#00A9E0; }

#mobile-advanced { 
padding:64px 0px;
top:63px;
}

#advanced_menu_hide {
top:99px;
right: 30px;
}

/* Ta bort border på social widget */
#top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {border:none; }

/* Webshopsikon */
#top #wrap_all .av-social-link-Webshop:hover a{color:#fff; background-color:#00A9E0; }

.responsive #header_meta .social_bookmarks li { border-width:0px; }
.responsive #top #header_meta .social_bookmarks li:last-child {border-width:0px; }

.header_bg { opacity:1; }

#header .twelve.units { 
width: 800px !important;
box-shadow:0px 1px 3px 0px #333; 
}

.header-scrolled .logo img {
padding-top: 3px;
padding-bottom: 3px;
}
.logo img {
padding-top: 3px;
padding-bottom: 3px;
}

.main_color .special-heading-inner-border { border:none }
body .av-special-heading .av-special-heading-tag { font-weight:300 }

#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select 
{
	padding:10px 10px;
	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
	background:#FFFFFF;
	border:#EEE 1px solid;
	color:#999;
	font-size:13px;
  	width:100%;
  	margin-right: 20px;
  }
  
#top input[type="text"], 
#top input[type="email"],
#top input[type="password"],
#top input[type="tel"],
textarea {
	padding:10px 10px;
	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
	background:#FFFFFF;
	border:#EEE 1px solid;
	color:#999;
	font-size:13px;
  	width:100%;
  	margin-right: 20px;
}

@media only screen and (max-width: 767px) {
	.responsive #top #header {
         position: fixed !important; }
}

@media only screen and (max-width: 768px) {
.logo, .logo a, .logo img { max-height: 70px!important; }}

@media only screen and (max-width: 767px) {
	.responsive #top #main { margin-top:135px }
}

.menu li > a:after,
. {
    color: #000;
    content: ' ▾';
}

.menu li > a:only-child:after {
    content: '';
}

#mobile-advanced ul a, #mobile-advanced .mega_menu_title {
text-transform:uppercase;
color:#5bc2e7; 
}

#mobile-advanced li > a::before, 
.html_header_mobile_behavior 
#mobile-advanced span > a::before, 
#mobile-advanced .mega_menu_title::before { content:none;}

*/ LAYERSLIDER SHADOW */
.avia-layerslider {
  box-shadow: 5px 8px 5px rgba(0, 0, 0, 0.3) !important;
  position: relative !important;
  z-index: 9999 !important;
}

.main_color strong { color:inherit !important }

• This reply was modified 9 years ago by Sunique.

Hi again,

It’s not a caching issue as that has been done multiple times and I’ve also tried from other units as well.

Also, what is wrong with this code?
I want to use hyphens when the screen resolutions is below let say 1050px since my headers are a bit big/long for smaller screens.
The goal is to transform the H1 headers primarly for tablets and shrink the size from 36.1 to approx. 24.

@media only screen and (max-width: 1050px) {
 .template-page .entry-content-wrapper h1 { 
font-size: 24px !important;
  	word-break: break-all;
  	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
  	-ms-hyphens: auto !important;
  	hyphens: auto !important;

 }
}

If I use the code below, it works fine, but it doesn’t take the screen resolutions in mind (obviously)

h1 { 
font-size: 24px !important;
font-size: 24px !important;
  	word-break: break-all;
  	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
  	-ms-hyphens: auto !important;
  	hyphens: auto !important;
}

Your absolutely correct! Silly me! :/
You may close this subject!