• Hello, when I put the critical CSS path in the plugin and try to save it, a 403 error appears:

    403
    Forbidden

    Access to this resource on the server is denied!

    Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author optimalisatie

    (@optimalisatie)

    Hi danybat,

    The problem appears to be related to a server permission error.

    Do you have a PHP error log entry with more details?

    [ Signature moderated ]

    • This reply was modified 7 years, 3 months ago by Jan Dembowski.
    Thread Starter Dani Bat

    (@danybat)

    Unfortunately not, I try to include this critical css but I can’t:

    .contenido2 {
      position: relative;
      display: inline-block;
      left: -12px;
      bottom: 20px;
      margin: auto;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_facebook a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_twitter a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_google a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_pinterest a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_whatsapp a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_meneame a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_messenger a {
      color: #282828!important;
    }
    
    .top {
      -webkit-border-radius: 20px 20px 0px 0px;
      -moz-border-radius: 20px 20px 0px 0px;
      border-radius: 20px 20px 0px 0px;
    }
    
    .page-wrapper {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
    }
    
    .post-list.list.big-item .content h2 {
      font-size: 23px;
      line-height: 25px;
      margin-top: 0px;
      margin-bottom: 10px;
    }
    
    .post-list.list.big-item .post {
      margin-bottom: auto;
    }
    
    .contenido1 {
      height: 133px;
      overflow: hidden;
    }
    
    @font-face {
      font-family: "essb";
      src: url(//tendenciacentral.com/tendenciacentral.com/wp-content/plugins/easy-social-share-buttons3/assets/fonts/essb.eot);
      src: url(//tendenciacentral.com/tendenciacentral.com/wp-content/plugins/easy-social-share-buttons3/assets/fonts/essb.eot?#iefix) format("embedded-opentype"), url(//tendenciacentral.com/tendenciacentral.com/wp-content/plugins/easy-social-share-buttons3/assets/fonts/essb.woff) format("woff"), url(//tendenciacentral.com/tendenciacentral.com/wp-content/plugins/easy-social-share-buttons3/assets/fonts/essb.ttf) format("truetype"), url(//tendenciacentral.com/tendenciacentral.com/wp-content/plugins/easy-social-share-buttons3/assets/fonts/essb.svg#essb) format("svg");
      font-weight: normal;
      font-style: normal;
    }
    
    [class *=" essb_icon_"]:before {
      font-family: "essb" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .essb_icon_facebook:before {
      content: "\61";
    }
    
    .essb_icon_twitter:before {
      content: "\64";
    }
    
    .essb_icon_google:before {
      content: "\66";
    }
    
    .essb_icon_pinterest:before {
      content: "\68";
    }
    
    .essb_icon_whatsapp:before {
      content: "\4a";
    }
    
    .essb_icon_meneame:before {
      content: "\4b";
    }
    
    .essb_icon_messenger:before {
      content: "\2a";
    }
    
    .essb_links {
      word-wrap: normal !important;
      clear: both;
      margin: 1em 0;
    }
    
    .essb_links ul,
    .essb_links li {
      padding: 0 !important;
      margin: 0 !important;
      list-style: none !important;
      font-family: 'Open Sans', helvetica, arial, sans-serif;
      line-height: 1em;
      text-transform: none;
      font-weight: normal;
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-size: 100%;
      background-image: none;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .essb_links li,
    .essb_links li a,
    .essb_links li a .essb_icon,
    .essb_links li a .essb_network_name {
      display: inline-block;
      vertical-align: middle;
      font-family: 'Open Sans', helvetica, arial, sans-serif;
      line-height: 1em;
      text-transform: none;
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-size: 100%;
      background-image: none;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .essb_links li a {
      margin: 2px 5px 2px 0;
      color: #fff !important;
      text-decoration: none;
      font-size: 100%;
      background-clip: padding-box;
    }
    
    .essb_links .essb_icon {
      width: 36px;
      height: 36px;
      background-position: center;
      background-repeat: no-repeat;
    }
    
    .essb_links .essb_force_hide_name .essb_network_name {
      display: none;
    }
    
    .essb_links .essb_force_hide_name .essb_icon {
      margin-right: 0px !important;
    }
    
    .essb_links li a {
      color: #fff;
    }
    
    .essb_links .essb_icon:before {
      font-size: 18px !important;
      text-align: center;
      position: absolute;
      top: 9px;
      left: 9px;
    }
    
    .essb_links li a .essb_network_name {
      margin-right: 10px;
    }
    
    .essb_links li a .essb_network_name.essb_noname {
      margin-right: 0px;
    }
    
    .essb_links.essb_links_center {
      text-align: center;
    }
    
    .essb_nospace li a {
      margin-right: 0px !important;
    }
    
    .essb_links .essb_link_meneame a {
      background-color: #FF7D12 !important;
    }
    
    .essb_links .essb_link_whatsapp a {
      background-color: #1D9E11 !important;
    }
    
    .essb_links .essb_link_twitter a {
      background-color: #00abf0 !important;
    }
    
    .essb_links .essb_link_google a {
      background-color: #EA4335 !important;
    }
    
    .essb_links .essb_link_facebook a {
      background-color: #3a579a !important;
    }
    
    .essb_links .essb_link_pinterest a {
      background-color: #cd1c1f !important;
    }
    
    .essb_links .essb_link_messenger a {
      background-color: #0d87ff !important;
    }
    
    .essb_links.essb_template_light-retina a {
      background-color: transparent !important;
    }
    
    .essb_links.essb_template_light-retina .essb_link_meneame a {
      color: #FF7D12 !important;
    }
    
    .essb_links.essb_template_light-retina .essb_link_whatsapp a {
      color: #1D9E11 !important;
    }
    
    .essb_links.essb_template_light-retina .essb_link_twitter a {
      color: #00abf0 !important;
    }
    
    .essb_links.essb_template_light-retina .essb_link_google a {
      color: #EA4335 !important;
    }
    
    .essb_links.essb_template_light-retina .essb_link_facebook a {
      color: #3a579a !important;
    }
    
    .essb_links.essb_template_light-retina .essb_link_pinterest a {
      color: #cd1c1f !important;
    }
    
    .essb_links.essb_template_light-retina .essb_link_messenger a {
      color: #0d87ff !important;
    }
    
    .contenido2 {
      position: relative;
      display: inline-block;
      left: -12px;
      bottom: 20px;
      margin: auto;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_facebook a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_twitter a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_google a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_pinterest a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_whatsapp a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_meneame a {
      color: #282828!important;
    }
    
    .home .essb_links.essb_template_light-retina .essb_link_messenger a {
      color: #282828!important;
    }
    
    .top {
      -webkit-border-radius: 20px 20px 0px 0px;
      -moz-border-radius: 20px 20px 0px 0px;
      border-radius: 20px 20px 0px 0px;
    }
    
    .page-wrapper {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
    }
    
    .post-list.list.big-item .content h2 {
      font-size: 23px;
      line-height: 25px;
      margin-top: 0px;
      margin-bottom: 10px;
    }
    
    .post-list.list.big-item .post {
      margin-bottom: auto;
    }
    
    .contenido1 {
      height: 133px;
      overflow: hidden;
    }
    
    .essb-subscribe-form-inline {
      margin-bottom: 15px;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 {
      clear: both;
      padding: 15px;
      color: #282828;
      line-height: 1;
      background: repeating-linear-gradient( 135deg, #4251db, #4251db 10px, #fff 10px, #fff 20px, #f84d3b 20px, #f84d3b 30px, #fff 30px, #fff 40px ) !important;
      padding: 6px;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-forced {
      background-color: #fff;
      padding: 10px 20px;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 h4 {
      font-size: 28px;
      line-height: 1;
      margin: 0px;
      padding: 20px 0;
      font-weight: bold;
      text-align: center;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 p {
      margin: 10px 0;
      font-size: 15px;
      line-height: 1.5em;
      text-align: center;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 input {
      border: none;
      box-sizing: border-box;
      padding: 10px 0;
      margin: 0;
      box-shadow: none;
      border-radius: 0;
      height: 45px;
      text-indent: 10px;
      text-align: center;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-inputwidth1 {
      width: 67%;
      display: inline-block;
      margin-right: 5px;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-submitwidth1 {
      width: 30%;
      display: inline-block;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5.essb-subscribe-form-inwidget .essb-subscribe-form-inputwidth1,
    .essb-subscribe-form-content.essb-subscribe-from-design5.essb-subscribe-form-inwidget .essb-subscribe-form-submitwidth1 {
      width: 100%;
      display: block;
      margin-right: 0px;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-content-email-field {
      margin-top: 10px;
      font-weight: bold;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 input.essb-subscribe-form-content-email-field {
      color: #454545;
      background: #e3e3e3;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 input::-webkit-input-placeholder {
      color: inherit;
      opacity: 0.9;
      font-weight: 400;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 input:-moz-input-placeholder {
      color: inherit;
      opacity: 0.9;
      font-weight: 400;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 input::-moz-input-placeholder {
      color: inherit;
      opacity: 0.9;
      font-weight: 400;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 input::-ms-input-placeholder {
      color: inherit;
      opacity: 0.9;
      font-weight: 400;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 input.submit {
      background: #4251db;
      color: #ffffff;
      margin-top: 5px;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 700;
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
      border-bottom: 3px solid #1b268c;
      border-radius: 3px;
    }
    
    .essb-subscribe-form-content.essb-subscribe-from-design5 .essb-subscribe-form-result-message {
      margin-top: 10px;
      font-size: 12px;
      font-weight: bold;
      display: none;
    }
    
    .essb-subscribe-from-design5 .essb-subscribe-loader {
      margin: 0 0 2em;
      height: 35px;
      width: 20%;
      text-align: center;
      padding: 1em;
      margin: 0 auto 1em;
      display: none;
      vertical-align: top;
    }
    
    .essb-subscribe-from-design5 .essb-subscribe-loader svg path {
      fill: #FF6700;
    }
    Thread Starter Dani Bat

    (@danybat)

    Unfortunately not, I try to include this critical css but I can’t:

    http://pastebin.com/1rxjxCLW

    [Moderator note: your two posts with the CSS inline got caught in the spam queue. I released one, but pastebin or gist is a much better solution for long pastes.]

    Plugin Author optimalisatie

    (@optimalisatie)

    Hi Dani Bat!

    The problem is certainly not related to the CSS input. The plugin requires write access to the following file to save critical CSS:

    /wp-content/uploads/abovethefold/criticalcss_global.css

    [ Signature moderated ]

    • This reply was modified 7 years, 3 months ago by Jan Dembowski.
    Thread Starter Dani Bat

    (@danybat)

    Is strange, since when I apply the critical css of the general css file coming from the original theme everything works fine, but when I try to apply the critical css taken from the css of the cache plugin (fastest cache), the error 403 appears.

    It is worth mentioning that I use a child theme (I do not know if it will help).

    Thanks!

    • This reply was modified 7 years, 5 months ago by Dani Bat.
    Thread Starter Dani Bat

    (@danybat)

    Some answer?

    Thanks!

    Thread Starter Dani Bat

    (@danybat)

    Please answer me.

    Thanks!

    Plugin Author optimalisatie

    (@optimalisatie)

    Hi danybat,

    I missed your replies. Do you still need support?

    [ Signature moderated ]

    • This reply was modified 7 years, 3 months ago by Jan Dembowski.
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘403 Forbidden problem’ is closed to new replies.