Less Parse Error - Website Will Not Load - Theme Editor

Was editing site in theme editor and ended up with: "LESS parse error: failed at `margin-bottom:0px ` line: 2027". The Admin section works, but Theme Editor and full public site are toast. Seems to be a bug in custom CSS - Any way to fix?

Fixed - by manually correcting a typo in: /design/themes/responsive/styles/data/ -> theme-name.css

Fixed - by manually correcting a typo in: /design/themes/responsive/styles/data/ -> theme-name.css


How you fixed... same problem i have now... please help me

Find typo in the design/themes/THEME/styles/data/YOUR_STYLE.css file or post content of this file here

Hello,

I have the same problem on the website https://www.lovecke-potreby.com.

LESS parse error: failed at `@price: ;` line: 8726

Here is my css file from /web/design/themes/responsive/styles/data/petija.css:

.ui-dialog .ui-dialog-titlebar {
	background: #888;
}
div.ui-dialog .ui-dialog-title {
	color: white;
}
.tygh-top-panel {
	padding: 7px 0px;
}
.ty-dropdown-box__title.open {
	border: 1px solid #959595;
	border-bottom: 0px;
}
.ty-currencies__item:hover {
	background: transparent;
	text-decoration: none;
}
.ty-social-link a:hover {
	color: white;
	text-decoration: none;
}
.ty-btn.ty-btn__text {
	text-transform: none;
	text-shadow: none;
	font-weight: normal;
}
.top-quick-links a:hover {
	text-decoration: none;
}
.ty-menu__item .ty-menu__item-link {
	font-family: 'Fjalla One';
	text-transform: uppercase;
	font-size: 15px;
}
.ty-sidebox {
	border: 1px solid #EAE9E5;
	padding: 10px;
}
.ty-product-filters__wrapper {
	margin: 0px -10px;
}

.ty-sidebox__title {
border-bottom: 0px;
margin-bottom: 0px;
}
.ty-btn__big {
padding: 6px 20px;
}
.ty-product-filters__wrapper {
background: transparent;
}

@media (max-width: 979px) and (min-width: 768px) {
.ty-menu__item .ty-menu__item-link {
padding: 14px 11px;
}
.ty-price-slider__input-text {
width: 62px;
}
}

@media (max-width: 768px) {
.ty-sidebox__title-toggle {
right: -8px;
}
.ty-sidebox__body {
margin-top: 10px;
}
}

Could anyone give me some advice?

Thank you

Everything looks correct for me. Please provide us with /web/design/themes/responsive/styles/data/petija.less

Hello, here is my petija.less file:

a:hover {
  color: @primary_button;
  text-decoration: underline;
}
.ty-dropdown-box__content .ty-dropdown-box__item:hover {
  background: lighten(@links, 40%);
}
.ty-dropdown-box__content .ty-account-info__name:hover {
  background: transparent;
}
.top-links-grid .ty-dropdown-box__title a, .top-links-grid .ty-dropdown-box .ty-icon-down-micro {
  color: @top_panel_links;
}
.ty-dropdown-box__title a:hover {
  color: darken(@base, 40%);
}
.ty-grid-list__item-name .product-title, a.ty-quick-view__title {
  color: @font;
}
.ty-select-block__a,
.top-my-account .logged .ty-account-info__title,
.ty-select-block__arrow,
.logged .ty-account-info__user-arrow {
  color: @top_panel_links;
}
.ty-select-block__a:hover,
.ty-select-block__a:hover .ty-select-block__arrow,
.ty-select-block__a.open .ty-select-block__arrow,
.ty-dropdown-box__title:hover,
.ty-dropdown-box__title:hover .ty-account-info__user-arrow,
.ty-dropdown-box__title.open,
.ty-dropdown-box__title.open .ty-account-info__title,
.ty-select-block__a.open,
.ty-dropdown-box__title.open i,
.ty-dropdown-box__title:hover .ty-account-info__title,
.ty-select-block__a.open:hover,
.ty-currencies__active,
.ty-currencies__active:hover,
.ty-dropdown-box__title.open .ty-minicart-title {
  background: #fff;
  color: darken(@base, 50%);
  .transition(all 0ms);
}
.ty-dropdown-box__title.open .ty-icon-down-micro {
  color: darken(@base, 50%);
}
.ty-sort-dropdown__wrapper.open:hover {
  color: #fff;
}
.ty-sort-dropdown__wrapper:hover {
  color: darken(@base, 50%);
}
.ty-select-block__a.open {
  border: 1px solid darken(@base, 34%);
}
.top-quick-links a:hover {
  color: @top_panel_links;
}
.ty-sidebox__title-wrapper, .ty-sidebox__title span {
  text-decoration: @headings_font_decoration;
  font-weight: @headings_font_weight;
  font-style: @headings_font_style;
  font-size: 15px;
  font-family: @headings_font;
}
.ty-footer-menu__header {
  color: darken(@font, 10%);
}
.footer-stay-connected {
  background: @top_panel_bg;
}
.no-touch .ty-menu__item:hover .ty-menu__item-link {
  color: lighten(@menu_links, 10%);
}
.ty-menu__item-toggle {
  color: lighten(@menu_links, 25%);
}
.ty-currencies__item.ty-currencies__active:hover {
  background: darken(@base, 4%);
}
.header-widget-grid .ty-currencies__item,
.header-widget-grid .ty-select-block__a {
  color: @menu_links;
}
.ty-grid-list__item-name .product-title {
  color: darken(@font, 35%);
}
.ty-grid-list__item-name .product-title:hover {
  color: @primary_button;
}
.ty-sidebox__title-wrapper, .ty-sidebox__title span, .ty-sidebox__title a {
  color: darken(@font, 5%);
}
.ty-footer-menu__item a {
  color: darken(@footer_text, 10%);
}
.ty-footer-menu__item a:hover {
  color: darken(@footer_text, 10%);
  text-decoration: none;
}
.ty-btn__secondary {
  background: @secondary_button;
  color: #FFF;
  text-shadow: 0px 0px 1px #808080;
}
.ty-btn__secondary:hover {
  background: darken(@secondary_button, 15%);
}
.ty-btn.ty-btn__primary {
  background: @primary_button;
}
.ty-btn.ty-btn__primary:hover {
  background: darken(@primary_button, 5%);
}
.ty-product-filters__switch {
  border-bottom: 1px solid @base;
}
.ty-product-filters__item, .ty-product-filters__title {
  color: @font;
}
.ty-product-filters__item.disabled {
  color: lighten(@font, 40%)
}

.ty-footer-menu-bg-is-transparent() when(@footer_bg_transparent = true) {
background-color: transparent;
background-image: none;
}
.ty-footer-menu-bg() when(@footer_bg_full = true) {
.tygh-footer > div {
background-color: @footer_bg;
.ty-footer-menu-bg-is-transparent();
}
}
.ty-footer-menu-bg() when(@footer_bg_full = false) {
.tygh-footer > div {
max-width: 1240px;
min-width: 290px;
background-color: @footer_bg;
.ty-footer-menu-bg-is-transparent();
}
.ty-footer-menu > .row, .ty-footer-menu > .row-fluid {
#gradient .vertical(@footer_bg, @footer_bg_grad_stop);
.ty-footer-menu-bg-is-transparent();
}
.footer-copyright {
background-color: lighten(@footer_bg, 5%);
.ty-footer-menu-bg-is-transparent();
}
}
.ty-footer-menu-bg();

.ty-cr-phone-number-link .ty-cr-phone-prefix {
color: darken(@base, 35%);
}

.footer-copyright {
border-top: 1px solid darken(@footer_bg, 10%);
}

@rounded_corners: true;
@links: #333333;
@menu_links: #666666;
@menu: #efefef;
@base: #ececec;
@font: #585858;

@primary_button: #54922b;
@secondary_button: #C5C5C5;
@tertiary_button: #c5c5c5;

@sidebar: #fff;
@price: ;
@discount_label: #ff9900;
@in_stock: #ff8a00;
@out_of_stock: #a80006;
@top_panel_links: #d8f6e6;
@top_panel_text: #d8f6e6;
@footer_text: #A3AAAF;
@decorative: #e3e3e3;

@general_bg_color: #ffffff;
@general_bg_image: transparent;
@general_bg_repeat: repeat;
@general_bg_scroll: scroll;

@top_panel_bg: #54922b;
@top_panel_bg_full: true;
@top_panel_bg_transparent: false;
@top_panel_bg_grad_stop: #54922b;

@header_bg: #ffffff;
@header_bg_full: false;
@header_bg_transparent: false;
@header_bg_grad_stop: #ffffff;

@content_bg: #ffffff;
@content_bg_full: false;
@content_bg_transparent: false;

@footer_bg: #EDEFF1;
@footer_bg_full: true;
@footer_bg_transparent: false;
@footer_bg_grad_stop: #EDEFF1;

@body_font: ;
@body_font_size: 13px;
@body_font_style: normal;
@body_font_weight: normal;
@headings_font: ;
@headings_font_size: 20px;
@headings_font_decoration: none;
@headings_font_style: normal;
@headings_font_weight: bold;
@links_font: ;
@links_font_size: 13px;
@links_font_decoration: none;
@links_font_style: normal;
@links_font_weight: normal;
@price_font: ;
@price_font_size: 20px;
@price_font_decoration: none;
@price_font_style: normal;
@price_font_weight: bold;
@buttons_font: ;
@buttons_font_size: 14px;
@buttons_font_decoration: none;
@buttons_font_style: normal;
@buttons_font_weight: normal;

/* ================================================
Custom styles
================================================ */

/* ======= Fonts ======== */

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300,400italic,700,600&subset=latin,latin-ext);
@titillium: ‘Titillium Web’, sans-serif;

/* ======= Colors ======== */

@gray: #585858;
@green: #54922b;
@green-light: #599a2d;
@green-dark: #3c691f;
@white: #fff;
@white-dark: #f9f9f9;

/* ======= Other styles ======== */

body, p, div, li {
font-size: 15px;
}

.ty-wysiwyg-content ul {
padding: 0;

li {
list-style: none;
}
}

a {
font-size: 14px;
}

.ty-select-block__a:hover,
.ty-select-block__a:hover .ty-select-block__arrow,
.ty-select-block__a.open .ty-select-block__arrow,
.ty-dropdown-box__title:hover,
.ty-dropdown-box__title:hover .ty-account-info__user-arrow,
.ty-dropdown-box__title.open,
.ty-dropdown-box__title.open .ty-account-info__title,
.ty-select-block__a.open,
.ty-dropdown-box__title.open i,
.ty-dropdown-box__title:hover .ty-account-info__title,
.ty-select-block__a.open:hover,
.ty-currencies__active,
.ty-currencies__active:hover,
.ty-dropdown-box__title.open .ty-minicart-title {
background: @green;
}

.ty-minicart__icon.ty-icon-basket {

&:before {
content: “”;
display: block;
width: 24px;
height: 24px;
margin-right: 8px;
background: transparent url(‘…/media/images/icons/cart.png’) no-repeat 0 0;
}
}

/* ======= Base styles ======== */

body {
background: transparent url(‘…/media/images/body.png’) repeat-x 0 0;

#tygh_container {

#tygh_main_container {

  /* ======= Header ======== */

  .tygh-header {
    background: transparent url('../media/images/top_bg.jpg') no-repeat 50% 0;

    .container-fluid.header-grid {
      padding-top: 0;
      background: transparent;

      .row-fluid {

        .top-logo-grid {
        }

        /* ======= Search ======== */

        .search-block-grid {

          .top-search {
            margin-top: 70px;

            input.ty-search-block__input {
              height: 40px;
              padding-top: 8px;
              padding-left: 20px;
              font-size: 14px;
              color: @white;
              border: 1px @green solid;
              background: @green-dark;
            }

            button.ty-search-magnifier {
              top: 5px;
              right: 9px;
              font-size: 22px;
              color: @white;
            }
          }
        }

        /* ======= Cart && User menu ======== */

        .cart-content-grid {

          .top-my-account,
          .top-cart-content {
            margin-top: 75px;

            .ty-dropdown-box__title a,
            .ty-dropdown-box__title i,
            .ty-dropdown-box__title.open a,
            .ty-dropdown-box__title.open i,
            .ty-dropdown-box__title.open span {
              color: @white;
            }

            .ty-dropdown-box__title {
              border-radius: 6px;
              -moz-border-radius: 6px;
              -webkit-border-radius: 6px;
            }

            .ty-minicart-title {
              padding-left: 32px;
            }
          }
        }

        /* ======= Main navigation ======== */

        .top-menu-grid {
          padding-top: 3px;

          ul.ty-menu__items {
            border-bottom-right-radius: 0;
            -moz-border-radius-bottomright: 0;
            -webkit-border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            -moz-border-radius-bottomleft: 0;
            -webkit-border-bottom-left-radius: 0;
            background: @green;

            li.ty-menu__item {

              a.ty-menu__item-link {
                padding: 13px 20px 10px;
                font-family: @titillium;
                color: @white;

                &:hover {
                  text-decoration: none;
                  background: @green-light;
                }
              }

              .ty-menu__submenu {

                ul.ty-menu__submenu-items {
                  padding-right: 20px;
                  padding-left: 20px;
                  border: none;
                  background: @green-light;

                  li {

                    a {
                      font-size: 15px;
                      color: @white;

                      &:hover {
                        text-decoration: none;
                      }
                    }
                  }
                }
              }

              &:hover a {
                background: @green-light;
              }
            }
          }
        }
      }
    }
  }

  /* ======= Content ======== */

  .tygh-content {
  	background: transparent url('../media/images/background-pattern.jpg') repeat 50% 0;

    > .container-fluid.content-grid {
      padding-right: 0;
      padding-left: 0;

      .ty-breadcrumbs {
        padding-left: 20px;
      }
    }

    /* ======= Sidebox ======== */

    .ty-sidebox {
      margin: 25px 0;
      padding: 0 15px;
      border: none;

      h2.ty-sidebox__title {
        border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        -webkit-border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -webkit-border-top-left-radius: 6px;
        background: @green;

        span {
          display: inline-block;
          margin: 11px 0 0 18px;
          font-weight: 600;
          color: @white;
        }
      }

      /* ======= Menu of the categories ======== */

      .ty-sidebox__body {

        .ty-menu-vertical {

          ul.ty-menu__items {
            border: none;
            background: @white-dark;

            > li.ty-menu__item {
              border-bottom: 1px @white solid;

              i.ty-icon-right-open {
                top: 15px;
              }

              .ty-menu__submenu-item-header {

                a.ty-menu__item-link {
                  min-height: 42px;
                  padding: 10px 20px 9px;
                  font-family: @titillium;
                  text-transform: inherit;

                  &:hover {
                    text-decoration: none;
                  }
                }
              }

              .ty-menu__submenu {

                ul.ty-menu__submenu-items {
                  border: none;
                  background: @white-dark;

                  li.ty-menu__item {
                    border-bottom: 1px @white solid;

                    a.ty-menu__item-link {
                      background: @white-dark;
                    }

                    &:hover {

                      a {
                        color: #666;
                        background: #e7e7e7;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    /* ======= Main ======== */

    .main-content-grid {

      .ty-mainbox-container {
        padding: 0 20px;

        h1.ty-mainbox-title {
          margin-top: 24px;
          margin-bottom: 15px;
          font-size: 22px;
          font-weight: 600;
        }

        .ty-mainbox-body {

          .grid-list {

            .ty-column3 {

              .ty-quick-view-button__wrapper,
              .ty-grid-list__item {
                position: relative;

                .ty-grid-list__price {

                  span.ty-price-num {
                    font-size: 17px;
                  }
                }

                .ty-grid-list__control {

                  .ty-quick-view-button {
                    position: absolute;
                    top: 0;
                    left: 5px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  /* ======= Footer ======== */

  .tygh-footer {

    /* ======= Copyright ======== */

    .footer-copyright {

      p.bottom-copyright {
        margin-top: 3px;
      }
    }
  }
}

}
}

/* ======= Latest View ======== */

.ty-sidebox.latest-view {

.ty-sidebox__body {

ul.ty-template-small {

  li.ty-template-small__item {
    padding: 13px 0;
  }
}

}
}

/* ======= Responsive styles ======== */

@media screen and (max-width: 767px) {

body {

#tygh_container {

  #tygh_main_container {

    /* ======= Header ======== */

    .tygh-header {

      .container-fluid.header-grid {

        .row-fluid {

          /* ======= Search ======== */

          .search-block-grid {

            .top-search {
              margin-top: 10px;
              margin-bottom: 10px;
            }
          }

          /* ======= Cart && User menu ======== */

          .cart-content-grid {

            .top-my-account,
            .top-cart-content {
              margin-top: 0px;

              .ty-dropdown-box__title a,
              .ty-dropdown-box__title i {
                color: @gray;
              }
            }
          }
        }
      }
    }

    /* ======= Footer ======== */

    .tygh-footer {

      ul.ty-footer-menu__items {
        display: block;
      }
    }
  }
}

}
}

@media screen and (min-width: 768px) and (max-width: 1127px) {

body {

#tygh_container {

  #tygh_main_container {

    /* ======= Header ======== */

    .tygh-header {

      .container-fluid.header-grid {

        .row-fluid {

          /* ======= Cart && User menu ======== */

          .cart-content-grid {

            .top-my-account {
              margin-top: 30px;
            }

             .top-cart-content {
               margin-top: 0;
             }
          }

          /* ======= Main navigation ======== */

          .top-menu-grid {

            ul.ty-menu__items {

              li.ty-menu__item {

                a.ty-menu__item-link {
                  padding-right: 6px;
                  padding-left: 6px;

                  &:hover {
                  }
                }

                .ty-menu__submenu {

                  ul.ty-menu__submenu-items {

                    li {

                      a {

                        &:hover {
                        }
                      }
                    }
                  }
                }

                &:hover a {
                }
              }
            }
          }
        }
      }
    }
  }
}

}
}

/GFONTS/

Error 400 (Font family not found)!!1
  * {
    margin: 0;
    padding: 0;
  }
  html,code {
    font: 15px/22px arial,sans-serif;
  }
  html {
    background: #fff;
    color: #222;
    padding: 15px;
  }
  body {
    background: 100% 5px no-repeat;
    margin-top: 0;
    max-width: none:
    min-height: 180px;
    padding: 30px 0 15px;
  }
  * > body {
    padding-right: 205px;
  }
  p {
    margin: 22px 0 0;
    overflow: hidden;
  }
  ins {
    text-decoration: none;
  }
  ins {
    color: #777;
  }
  /* Google Fonts logo styling*/
  .projectLogo a {
    font-family: "Open Sans", arial, sans-serif;
    font-size: 32px;
    font-weight: 300;
    color: #63666a;
    line-height: 1.375;
    text-decoration: none;
  }
  .projectLogo img {
    margin: -1px 0 -4px;
    vertical-align: middle;
  }

Google Fonts

Error (400): Missing font family

The requested font families are not available.

Requested:

For reference, see the Google Fonts API documentation.

//GFONTS/

There are couple of strings without value. E.g.

@price: ;

It should contain value. E.g.

@price: #ffccff;

Try to correct the file manually or copy values from default styles