Archived

This topic is now archived and is closed to further replies.

  • 0

Pagelines Custom Less/css Error On Valid Css

Question

Posted · Report post

Guys,

I have some custom CSS that I have been using for months and after the last update I am now getting a LESS error.

PageLines Custom LESS/CSS error.

parse error: failed at `content: counter(item) \" \"; ` line: 1010

Here is the code that I am using which I believe to be valid CSS. The two lines that we are having an issue with are "content: counter(item) " ";" and "content: " ";". I do not see an issue with this. Could a bug have been introduced in the last update?

CODE:


/* START - Lists */

.entry_content ul, .entry_content ol { padding: 0;clear:both; }

.entry_content ul li, .entry_content ol li

{

clear:both;

padding: 0px 0px 0px 30px;

background-image: url("http://blog.hinshelwood.com/files/2012/09/metro-blank.png");

background-repeat: no-repeat;

background-size:24px 24px;

min-height: 24px;

display: block;

list-style-type: none;

list-style-position: inside;

margin: 15px 0;

}

.entry_content ul li ul li, .entry_content ol li ol li

{

background-image: url("http://blog.hinshelwood.com/files/2012/09/metro-bullet-orange.png");

}

.entry_content ul {

text-indent: 15px;

overflow: hidden;

}

.entry_content ol {

text-indent: -24px;

counter-reset: item;

}

.entry_content ol ul {

//text-indent: -24px;

counter-reset: subitem;

}

.entry_content ol li:before {

color:white;

margin-right:25px;

content: counter(item) " ";

counter-increment: item;

}

.entry_content ol ul li:before {

//color:white;

margin-right:25px;

content: " ";

counter-increment: subitem;

}


/* END - Lists */

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi

Please you don't put the URL to the image in single or double quote marks and see if resolve the issue. (said me Rob in this http://www.pagelines.com/forum/topic/22974-background-in-blog-page/)

Change

background-image: url("http://blog.hinshelwood.com/files/2012/09/metro-blank.png");
for
background-image: url(http://blog.hinshelwood.com/files/2012/09/metro-blank.png);
and
background-image: url("http://blog.hinshelwood.com/files/2012/09/metro-bullet-orange.png");
for
background-image: url(http://blog.hinshelwood.com/files/2012/09/metro-bullet-orange.png);
I´m not sure but you can try
content: counter(item) " ";
for
content: counter(item) ;

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

Is this code being added to the Custom Code > CSS/LESS Editor ?

If so please add your custom CSS to the PageLines Customisation plugin or child themes style.less file

Share this post


Link to post
Share on other sites

Posted · Report post

Hang in there for an update later today, fixes all this.

Share this post


Link to post
Share on other sites