-
AuthorPosts
-
October 6, 2017 at 10:30 pm #861201
Hi guys, i’m trying to eliminate the “render blocking css” by using the autoptimizer and deferring the css, but i couldn’t be able to create a critical css without breaking the site, one thing i did was put the css inline, so the render blocking warning desapear and my score is higher, but now i have the visible content not prioritized warning. Can you help me to create a critical css that don’t brake my site?
user and pass on private
October 7, 2017 at 4:51 am #861272Hey Guilherme,
Please, could you be more specific? I am not sure if understood your question.
Best regards,
John TorvikOctober 9, 2017 at 1:34 pm #861896sure, i would like to know how to fix the render blocking css without broking the theme
like i said it might not appear now becouse i put all the css in the body, but it should be temporary, because it isnt ideal
October 9, 2017 at 5:57 pm #862011im not abble to generate a critical css that dont break my site
i followed this steps https://www.wpfaster.org/blog/how-to-use-autoptimize-inline-and-defer-css-option and generate this critical, but it still broking the theme
https://www.isopasse.com.br/span.onsale { background: #7e9a47; min-height: 32px; min-width: 32px; padding: 4px; font-size: 12px; position: absolute; text-align: center; line-height: 32px; top: 6px; left: 6px; margin: 0; border-radius: 20px; } ul.products li .onsale { top: 0; right: 0; left: auto; margin: -6px -6px 0 0; } .cart_dropdown { position: absolute; right: -60px; height: 46px; width: 46px; line-height: 46px; text-decoration: none; text-align: center; top: 50%; margin: -23px 0 0 0; border-radius: 2px; border-style: solid; border-width: 1px; font-weight: normal; z-index: 101; } .cart_dropdown_first { line-height: 38px; padding: 0; } .cart_dropdown_first .cart_dropdown_link { display: block; padding: 0; text-decoration: none; line-height: 44px; font-size: 15px; position: absolute; z-index: 2; width: 100%; height: 100%; } .cart_dropdown .dropdown_widget { clear: both; position: absolute; right: 7px; top: 0; width: 280px; line-height: 18px; display: none; padding-top: 54px; } .cart_dropdown .dropdown_widget .widget_shopping_cart_content { padding: 0; box-shadow: 0 10px 15px rgba(0,0,0,0.1); overflow: hidden; border-style: solid; border-width: 1px; text-align: left; border-radius: 2px; } .cart_dropdown .dropdown_widget .avia-arrow { top: 49px; left: auto; margin-left: 0; border-bottom: 0; border-right: 0; right: 10px; } .html_cart_at_menu.html_header_top #top .main_menu { right: 0; } #menu-item-shop.cart_dropdown { right: 0; top: 0; margin: 0; height: auto; border-top: 0; border-radius: 0; width: auto; position: relative; float: left; } .html_header_top #menu-item-shop.cart_dropdown { border-bottom: 0; } #menu-item-shop .cart_dropdown_link { background: transparent; margin: 0; left: 0; color: inherit; position: relative; width: auto; padding: 0 38px; float: left; line-height: 88px; } #menu-item-shop .dropdown_widget { right: -1px; top: 100%; padding: 0; margin-top: -1px; } .av_minimal_header #menu-item-shop .dropdown_widget { margin-top: 0; } #menu-item-shop .dropdown_widget .avia-arrow { top: -5px; right: 40px; } .html_cart_at_menu.html_main_nav_header #top .main_menu .menu>li:last-child { padding-right: 13px; margin-right: 20px; } #top .onsale { background: rgba(0,0,0,.8); z-index: 10; color: #FFF; background: #7e9a47; top: 17px; right: 8px; left: auto; margin: 0; min-width: 40px; } .avia-bullet { display: block; position: absolute; height: 0; width: 0; top: 51%; margin-top: -3px; left: -3px; border-top: 3px solid transparent !important; border-bottom: 3px solid transparent !important; border-left: 3px solid green; } #top div .dropdown_widget_cart { display: none; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } #top .av-cart-counter { position: absolute; top: 50%; left: 54%; height: 16px; padding: 0 5px; line-height: 16px; border-radius: 54px; font-size: 11px; background: #333; color: #fff; text-align: center; margin: -20px 0 0 2px; -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0; } @media only screen and (max-width:767px) { .responsive #top .cart_dropdown { position: absolute; top: 50%; margin-top: -23px; } .responsive #top #menu-item-shop.cart_dropdown { margin: 0; top: 0; border: 0; height: 100%; width: auto; line-height: 80px; position: static; margin-left: -39px; } .responsive #top #menu-item-shop .cart_dropdown_link { line-height: 80px; } .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child { padding-right: 13px; margin-right: 20px; } } html { min-width: 910px; } html.responsive { min-width: 0; } .container { position: relative; width: 100%; margin: 0 auto; padding: 0 50px; clear: both; } .inner-container { position: relative; height: 100%; width: 100%; } .container_wrap { clear: both; position: relative; border-top-style: solid; border-top-width: 1px; } .units { float: left; display: inline; margin-left: 50px; position: relative; z-index: 1; min-height: 1px; } #wrap_all { width: 100%; position: static; z-index: 2; overflow: hidden; } body .units.alpha, body div .first { margin-left: 0; clear: left; } body .units.alpha { width: 100%; } .container .av-content-full.units { width: 100%; } .container { max-width: 1010px; } @media only screen and (min-width:768px) and (max-width:989px) { .responsive #top { overflow-x: hidden; } .responsive .container { max-width: 782px; } } @media only screen and (max-width:767px) { .responsive #top { overflow-x: hidden; } .responsive #top #wrap_all .container { width: 85%; max-width: 85%; margin: 0 auto; padding-left: 0; padding-right: 0; float: none; } .responsive .units { margin: 0; } .responsive #top #wrap_all .flex_column { margin: 0; margin-bottom: 20px; width: 100%; } } .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before, .clearfix:after, .flex_column:before, .flex_column:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .flex_column:after, .clearfix:after { clear: both; } .clearfix { zoom: 1; } body div .first { margin-left: 0; } div .flex_column { z-index: 1; float: left; position: relative; min-height: 1px; width: 100%; } div .av_one_third { margin-left: 6%; width: 29.333333333333332%; } html, body, div, span, h3, p, a, img, strong, ul, li, article, footer, header, nav { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, footer, header, nav { display: block; } body { line-height: 1em; } ul { list-style: none; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html.responsive, .responsive body { overflow-x: hidden; } body { font: 13px/1.65em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color: #444; -webkit-text-size-adjust: 100%; } .helvetica-websave { font-family: Helvetica,"HelveticaNeue","Helvetica Neue",Arial,Verdana,sans-serif; } h3 { font-weight: 600; } h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } p { margin: .85em 0; } strong { font-weight: bold; } a { text-decoration: none; outline: 0; max-width: 100%; max-width: none\9; } a:visited { outline: 0; text-decoration: underline; } #top .avia_hidden_link_text { display: none; } ul { margin-bottom: 20px; } ul { list-style: none outside; margin-left: 7px; } img, a img { border: 0; padding: 0; margin: 0; display: inline-block; max-width: 100%; height: auto; image-rendering: optimizeQuality; } [data-av_icon]:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; content: attr(data-av_icon); speak: none; } #header { position: relative; z-index: 501; width: 100%; background: transparent; } #header_main .container, .main_menu ul:first-child>li a { height: 88px; line-height: 88px; } .av_icon_active_left .social_bookmarks { float: left; } .av_secondary_right .sub_menu { float: right; } .av_phone_active_right .phone-info { float: right; } .phone-info { float: left; font-weight: bold; line-height: 20px; font-size: 11px; padding: 5px 0; } .phone-info span { display: inline-block; line-height: 1em; } .av_secondary_right .sub_menu>ul>li:last-child { border: 0; margin-right: 0; padding-right: 0; padding-left: 10px; } .av_secondary_right .sub_menu { padding-left: 10px; } #header_meta { border-top: 0; z-index: 10; min-height: 30px; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: -1px; } #header_meta .container { min-height: 30px; } #header_main { border-bottom-width: 1px; border-bottom-style: solid; z-index: 1; } .header_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .95; filter: alpha(opacity=95); z-index: 0; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .html_header_sticky_disabled .header_bg { opacity: 1; filter: alpha(opacity=100); } .av_minimal_header .header_bg { opacity: 1; filter: alpha(opacity=100); } .av_minimal_header #header_main, .av_minimal_header #header_meta { border: 0; } .av_minimal_header .avia-menu-fx { display: none; } .av_minimal_header #header_main .container, .av_minimal_header .main_menu ul:first-child>li a { height: 90px; line-height: 90px; } .av_minimal_header_shadow { box-shadow: 0 0 2px 1px rgba(0,0,0,0.1); } .av-hamburger { padding: 0; display: inline-block; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .av-hamburger-box { width: 35px; height: 24px; display: inline-block; position: relative; } .av-hamburger-inner { display: block; top: 50%; margin-top: -2px; } .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { width: 40px; height: 3px; background-color: #000; border-radius: 3px; position: absolute; } .av-hamburger-inner::before, .av-hamburger-inner::after { content: ""; display: block; } .av-hamburger-inner::before { top: -10px; } .av-hamburger-inner::after { bottom: -10px; } .av-burger-menu-main { display: none; } .av-burger-menu-main a { padding-left: 10px; } .av-hamburger strong { display: none; } .av-hamburger-box { height: 8px; } .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { width: 100%; } #top .av-small-burger-icon { -ms-transform: scale(0.6); transform: scale(0.6); transform-origin: right; } #top #wrap_all #header .av-small-burger-icon a { padding: 0; } div .logo { float: left; position: absolute; left: 0; z-index: 1; } .logo, .logo a { overflow: hidden; position: relative; display: block; height: 100%; } .logo img { padding: 0; display: block; width: auto; height: auto; max-height: 100%; image-rendering: auto; position: relative; z-index: 2; height: 100%\9; height: auto\9; } .main_menu { clear: none; position: absolute; z-index: 100; line-height: 30px; height: 100%; margin: 0; right: 0; } .av-main-nav-wrap { float: left; position: relative; z-index: 3; } .av-main-nav-wrap ul { margin: 0; padding: 0; } .av-main-nav { z-index: 110; position: relative; } .av-main-nav li { float: left; position: relative; z-index: 20; } .av-main-nav>li { line-height: 30px; } .av-main-nav li a { max-width: none; } .av-main-nav>li>a { display: block; text-decoration: none; padding: 0 13px; font-weight: normal; font-size: 12px; font-weight: 600; font-size: 13px; } .avia-menu-fx { position: absolute; bottom: -1px; height: 2px; z-index: 10; width: 100%; left: 0; opacity: 0; visibility: hidden; } .current-menu-item>a>.avia-menu-fx { opacity: 1; visibility: visible; } .avia-menu-fx .avia-arrow-wrap { height: 10px; width: 10px; position: absolute; top: -10px; left: 50%; margin-left: -5px; overflow: hidden; display: none; visibility: hidden; } .current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap, .current_page_item>a>.avia-menu-fx>.avia-arrow-wrap { display: block; } .avia-menu-fx .avia-arrow-wrap .avia-arrow { top: 10px; } .html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a { padding-right: 0; } .main_menu .avia-bullet { display: none; } .avia-bullet { display: block; position: absolute; height: 0; width: 0; top: 51%; margin-top: -3px; left: -3px; border-top: 3px solid transparent !important; border-bottom: 3px solid transparent !important; border-left: 3px solid green; } #top #menu-item-search { z-index: 100; } #top .menu-item-search-dropdown>a { font-size: 17px; } #top #menu-item-search.menu-item-search-dropdown>a { border-left: 0; } .avia-arrow { height: 10px; width: 10px; position: absolute; top: -6px; left: 50%; margin-left: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-width: 1px; border-style: solid; visibility: hidden\9; } #top .social_bookmarks { height: 30px; z-index: 150; -webkit-backface-visibility: hidden; margin: 0 0 0 -9px; } #top .social_bookmarks li { height: 100%; float: left; padding: 0; border-right-style: solid; border-right-width: 1px; display: block; width: 30px; } #top #header .social_bookmarks li:last-child { border-right-style: none; border-right-width: 0; } #top .social_bookmarks li a { float: left; width: 30px; line-height: 30px; display: block; margin: 0; outline: 0; padding: 0; min-height: 30px; height: 100%; overflow: visible; z-index: 2; position: relative; text-align: center; } #top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li { background: transparent; } .sub_menu { float: left; z-index: 2; font-size: 11px; line-height: 30px; position: relative; top: 10px; } #top .sub_menu>ul { float: left; margin: 0; } #top .sub_menu>ul, #top .sub_menu>ul>li { background: transparent; } .sub_menu li { float: left; position: relative; padding: 0 10px; border-right-style: solid; border-right-width: 1px; line-height: 10px; } .sub_menu>ul>li>a { text-decoration: none; font-weight: bold; padding: 7px 0; } .content { padding-top: 50px; padding-bottom: 50px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; min-height: 1px; z-index: 1; } .content { border-right-style: solid; border-right-width: 1px; margin-right: -1px; } .content .entry-content-wrapper { padding-right: 50px; } .fullsize .content { margin: 0; border: 0; } .fullsize .content .entry-content-wrapper { padding-right: 0; } .more-link-arrow:after { content: "\E87d"; font-family: 'entypo-fontello'; font-size: 10px; vertical-align: middle; padding: 0 8px; } .html_elegant-blog .more-link-arrow { display: none; } #scroll-top-link { position: fixed; border-radius: 2px; height: 50px; width: 50px; line-height: 50px; text-decoration: none; text-align: center; opacity: 0; right: 50px; bottom: 50px; z-index: 1030; visibility: hidden; } @media only screen and (min-width:768px) and (max-width:989px) { .responsive .main_menu ul:first-child>li>a { padding: 0 10px; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=100); } .responsive .logo { float: left; } .responsive .logo img { margin: 0; } } @media only screen and (max-width:767px) { .responsive .content .entry-content-wrapper { padding: 0; } .responsive .content { border: 0; } .responsive #top #wrap_all #header { position: relative; width: 100%; float: none; height: auto; margin: 0 !important; opacity: 1; min-height: 0; } .responsive #top #main { padding-top: 0 !important; margin: 0; } .responsive .phone-info { float: none; width: 100%; clear: both; text-align: center; } .responsive .phone-info span { margin: 0; padding: 0; border: 0; } .responsive #top .logo { position: static; display: table; height: 80px !important; float: none; padding: 0; border: 0; width: 80%; } .responsive .logo a { display: table-cell; vertical-align: middle; } .responsive .logo img { height: auto !important; width: auto; max-width: 100%; display: block; max-height: 80px; } .responsive #header_main .container { height: auto !important; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); } .responsive #header_meta .social_bookmarks li { border-style: solid; border-width: 1px; margin-bottom: -1px; margin-left: -1px; } .responsive #top #header_meta .social_bookmarks li:last-child { border-right-style: solid; border-right-width: 1px; } .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul { float: none; width: 100%; text-align: center; margin: 0 auto; position: static; } .responsive #header .social_bookmarks { padding-bottom: 2px; width: 100%; text-align: center; height: auto; line-height: .8em; margin: 0; } .responsive #header_meta .sub_menu>ul>li { float: none; display: inline-block; padding: 0 10px; } .responsive #header .social_bookmarks li { float: none; display: inline-block; } .responsive .logo img { margin: 0; } .responsive #top .av_phone_active_right .phone-info.with_nav span { border: 0; } .responsive #top #header_meta .social_bookmarks li a { color: inherit; border-color: inherit; background: inherit; } .responsive .av-burger-menu-main { display: block; } .responsive #top #wrap_all .main_menu { top: 0; height: 80px; left: auto; right: 0; display: block; position: absolute; } .responsive .main_menu ul:first-child>li a { height: 80px; line-height: 80px; } .responsive #top .av-main-nav .menu-item { display: none; } .responsive #top .av-main-nav .menu-item-avia-special { display: block; } .responsive #top #wrap_all .menu-item-search-dropdown>a { font-size: 24px; } .responsive #top #header .social_bookmarks { display: none; } .responsive #top .av-logo-container .avia-menu { height: 100%; } .responsive #top #header_main>.container .main_menu .av-main-nav>li>a, .responsive #top #wrap_all .av-logo-container { height: 80px; line-height: 80px; } .responsive #top #wrap_all .av-logo-container { padding: 0; } .responsive #top #header_main>.container .main_menu .av-main-nav>li>a { min-width: 0; padding: 0 0 0 20px; margin: 0; border-style: none; border-width: 0; } .responsive #top #header .av-main-nav>li>a { background: transparent; color: inherit; } .responsive #scroll-top-link { display: none; } } @media only screen and (max-width:479px) { .responsive #top #wrap_all #header .social_bookmarks { display: none; } } .avia-shadow { box-shadow: inset 0 1px 3px rgba(0,0,0,.1); } body .container_wrap .avia-builder-el-no-sibling { margin-top: 0; margin-bottom: 0; } body .container_wrap .avia-builder-el-last { margin-bottom: 0; } body .container_wrap .avia-builder-el-first { margin-top: 0; } .special-heading-border { position: relative; overflow: hidden; } .av-special-heading-h1 .special-heading-border { height: 3.4em; } .av-special-heading-h2 .special-heading-border { height: 2.6em; } .av-special-heading-h3 .special-heading-border { height: 1.9em; } .special-heading-inner-border { display: block; width: 100%; margin-left: 15px; border-top-style: solid; border-top-width: 1px; position: relative; top: 50%; opacity: .15; filter: alpha(opacity=15); } .custom-color-heading .special-heading-inner-border { opacity: .4; filter: alpha(opacity=40); } body .av-special-heading.blockquote>* { white-space: normal; float: none; } body .av-special-heading.blockquote .special-heading-border { display: none; } .avia-section { clear: both; width: 100%; float: left; min-height: 100px; position: static; } .avia-section.avia-section-small { min-height: 0; } #top #main .avia-section .template-page { width: 100%; border: 0; margin-left: auto; padding-left: 0; margin-right: auto; } .avia-section .template-page .entry-content-wrapper { padding-right: 0; } .avia-section-small .content { padding-top: 20px; padding-bottom: 20px; } .html_header_sticky_disabled .container_wrap:first-child { border-top: 0; } #top #wrap_all #main .avia-no-border-styling { border: 0; } .html_minimal_header #main>.avia-builder-el-0 { border-top: 0; } #top .iconbox { background: transparent; } .iconbox { margin-bottom: 30px; position: relative; clear: both; } .iconbox_icon { float: left; margin: 2px 10px 0 0; height: 23px; width: 23px; font-size: 23px; line-height: 18px; } .iconbox_left .iconbox_icon { border-radius: 50px; text-align: center; position: relative; top: -7px; left: -5px; height: 30px; width: 30px; line-height: 30px; margin: 2px 0 0 0; } .iconbox .iconbox_content .iconbox_content_title { border: medium none; padding: 2px 0 0 0; position: relative; margin: 0 0 16px 0; clear: none; letter-spacing: 1px; text-transform: uppercase; font-size: 1.25em; } .iconbox .iconbox_content p:last-child { margin-bottom: 0; } #top .iconbox_content_container { line-height: 1.65em; } @media only screen and (max-width:767px) { .responsive #top .avia-slideshow-controls a { display: none; } } .avia-slideshow { position: relative; margin: 50px 0; width: 100%; clear: both; overflow: hidden; } .avia-slideshow-inner { padding: 0; margin: 0; position: relative; overflow: hidden; width: 100%; } #top .av-default-height-applied .avia-slideshow-inner { height: 0; } .avia-slideshow li { padding: 0; margin: 0; list-style-type: none; list-style-position: outside; position: absolute; visibility: hidden; z-index: 1; top: 0; left: 0; width: 100%; clear: both; opacity: 0; overflow: hidden; } .avia-slideshow li:first-child { position: relative; visibility: visible; z-index: 3; } .avia-slideshow li img { display: block; width: 100%; margin: 0 auto; border-radius: 3px; position: relative; } .avia-slideshow.image_no_stretch li img { width: auto; } #top .avia-slideshow-arrows a { display: block; text-decoration: none; color: #fff; visibility: visible; position: absolute; width: 60px; text-align: center; height: 60px; line-height: 62px; font-size: 25px; top: 50%; margin: -30px 15px 0; z-index: 99; overflow: hidden; text-indent: -600%; } #top .avia-slideshow-arrows a.next-slide { right: 0; } .avia-slideshow-arrows a:before { visibility: visible; display: block; position: absolute; z-index: 100; background: #aaa; background: rgba(0,0,0,0.3); top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; text-align: center; line-height: 62px; color: inherit; } .prev-slide:before { text-indent: -2px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .next-slide:before { border-top-left-radius: 3px; border-bottom-left-radius: 3px; text-indent: 0; } .avia-slideshow-dots { position: absolute; z-index: 200; width: 100%; bottom: 0; text-align: center; left: 0; height: 0; } .avia-slideshow-dots a { display: inline-block; height: 13.5px; width: 13.5px; border-radius: 14px; background: #000; opacity: .6; filter: alpha(opacity=60); text-indent: 100px; overflow: hidden; margin: 0 1px; padding: 7px; position: relative; bottom: 33px; -webkit-backface-visibility: hidden; } .avia-slideshow-dots a.active { opacity: .8; filter: alpha(opacity=80); background: #fff; } .avia-slideshow-inner li { -webkit-transform-style: preserve-3d; } .avia-fullwidth-slider { border-top-style: solid; border-top-width: 1px; z-index: 1; } .avia-fullwidth-slider.avia-builder-el-0 { border-top: 0; } .avia-slide-wrap { position: relative; display: block; } .av_slideshow_full.avia-slideshow { margin: 0; } #top .av_slideshow_full.av-control-default .avia-slideshow-arrows a { margin: -50px 0 0 0; width: 35px; text-align: center; height: 100px; line-height: 102px; opacity: .5; } #top .av_slideshow_full.av-control-default .next-slide:before { border-top-right-radius: 0; border-bottom-right-radius: 0; line-height: 102px; } #top .av_slideshow_full.av-control-default .prev-slide:before { border-top-left-radius: 0; border-bottom-left-radius: 0; line-height: 102px; } .av_slideshow_full li img { border-radius: 0; } body { font-size: 14px; } html, #scroll-top-link { background-color: #0d716a; } #scroll-top-link { color: #fff; border: 1px solid #0d716a; } .html_stretched #wrap_all { background-color: #0d716a; } .alternate_color div { border-color: #e1e1e1; } .alternate_color .special-heading-inner-border { border-color: #a2a2a2; } .main_color, .main_color div, .main_color header, .main_color footer, .main_color article, .main_color span, .main_color h3, .main_color p, .main_color a, .main_color img, .main_color ul, .main_color li, .main_color article, .main_color footer, .main_color header { border-color: #e1e1e1; } .main_color { background-color: #f8f8f8; color: #666; } .main_color .heading-color, .main_color h3 { color: #263373; } .main_color .special-heading-inner-border { border-color: #666; } .main_color a { color: #82a846; } .main_color ::-webkit-input-placeholder { color: #8d8d8d; } .main_color ::-moz-placeholder { color: #8d8d8d; opacity: 1; } .main_color :-ms-input-placeholder { color: #8d8d8d; } #main { border-color: #e1e1e1; } .header_color, .header_color div, .header_color nav, .header_color span, .header_color a, .header_color img, .header_color strong, .header_color ul, .header_color li, .header_color nav { border-color: #e1e1e1; } .header_color { background-color: #fff; color: #263373; } .header_color .social_bookmarks a, .header_color .phone-info, .header_color .phone-info a { color: #aaa; } .header_color a, .header_color strong { color: #558b87; } .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow { background-color: #558b87; color: #fff; border-color: #336965; } .header_color .container_wrap_meta { background: #f8f8f8; } .header_color .avia-bullet { border-color: #558b87; } .header_color ::-webkit-input-placeholder { color: #aaa; } .header_color ::-moz-placeholder { color: #aaa; opacity: 1; } .header_color :-ms-input-placeholder { color: #aaa; } .header_color .header_bg { background-color: #fff; color: #aaa; } .header_color .sub_menu>ul>li>a, .header_color .main_menu ul:first-child>li>a { color: #aaa; } .header_color .main_menu ul:first-child>li.current-menu-item>a, .header_color .main_menu ul:first-child>li.current_page_item>a { color: #263373; } .header_color .sub_menu ul li, .header_color .sub_menu ul { background-color: #fff; } #main { background-color: #fff; } .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after { background-color: #aaa; } .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after { background-color: #263373; } @media only screen and (max-width:767px) { #top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after { background-color: #263373; } } @media only screen and (max-width:767px) { .header_color div .av-hamburger-inner, .header_color div .av-hamburger-inner::before, .header_color div .av-hamburger-inner::after { background-color: #aaa; } } #top .main_color .onsale { background-color: #82a846; } .header_color .cart_dropdown_first .cart_dropdown_link { color: #263373; } .header_color .cart_dropdown .dropdown_widget { color: #aaa; } .header_color .cart_dropdown .dropdown_widget .widget_shopping_cart_content, .header_color .cart_dropdown_link, .header_color .avia-arrow { background-color: #fff; } .header_color .avia-bullet { border-color: #aaa; } #top .av-cart-counter { background-color: #558b87; color: #fff; } body { font-family: ' helvetica','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif; } .container { width: 100%; } .responsive .container { max-width: 1310px; } #top #header .av-main-nav>li>a { font-size: 14px; } #top #header_meta { background-color: #0d716a; } #top #header_meta a, #top #header_meta li, #top #header_meta .phone-info { color: #fff; border-color: #0d716a; } ul.cart_dropdown { border: 0 !important; } #top .main_color .onsale { background-color: #2997ab; display: none; } .avia-fullwidth-slider.avia-shadow { box-shadow: none; } @media only screen and (max-width:767px) { #top #header_main .logo { width: 50% !important; } } #top #wrap_all .av-social-link-facebook a { color: #fff; background-color: #37589b; } #top #wrap_all .av-social-link-twitter a { color: #fff; background-color: #46d4fe; } #top #wrap_all .av-social-link-gplus a { color: #fff; background-color: #de5a49; } #top #wrap_all .av-social-link-whatsapp a { color: #fff; background-color: #3bb528; } #top #wrap_all .av-social-link-linkedin a { color: #fff; background-color: #409cca; } #top #wrap_all .av-social-link-instagram a { color: #fff; background-color: #a67658; } #top #wrap_all .av-social-link-youtube a { color: #fff; background-color: #a72b1e; } p, a, strong { color: black !important; } a { text-decoration: underline; } .container { width: 100%; } #top { overflow-x: hidden; } .container { width: 100%; margin: 0 auto; } .units { margin: 0; } #top .flex_column { margin: 0; margin-bottom: 20px; width: 100%; } #header_main { border-bottom: 0; } nav, #scroll-top-link { display: none; } .avia-shadow { box-shadow: inset 0 0 0 rgba(0,0,0,0); } .content { border: 0; } .avia-fullwidth-slider { display: none; }
- This reply was modified 7 years ago by Guilherme Pereira.
October 9, 2017 at 7:20 pm #862047i have a problem with themes enfold.
Help me please!! see my site http://www.zinconeoffice.comOctober 9, 2017 at 7:21 pm #862049it isn’t responsive…
October 10, 2017 at 3:44 am #862213Hello. You have a lot of work to do on the optimization and mobile design side. Autoptimize is a great plugin, but you need to optimize other areas BEFORE you configure that plugin.
Look at your performance report below. Happy to help you with some pointers. Otherwise, you can see what I do here and potentially be a customer. I only design with Enfold.
October 10, 2017 at 5:42 am #862260Hi,
We can’t help you to get a perfect score on Googles Page Speed insights, but this thread might offer some assistance: https://kriesi.at/support/topic/seo-google-page-insights-blocking-rendering-ressources-above-the-fold/
Best regards,
Rikard -
AuthorPosts
- You must be logged in to reply to this topic.