Michal K
asked 11 years ago

How can I edit style.css without layout problem after saving the file?

I need to change background color and label NEW on post ribbon. When I save the CSS file (in Notepad++) layout of the posts becomes broken. Every few site refreshes cause layout bugs – instead of 6 i see three columns with large spaces between them. When I restore the original css file, everything is back to normal. How can I modify some elements? I’ll be very grateful for your help.

1 Answers
DominicStaff
answered 11 years ago

to change background color and label NEW on post ribbon. you can log in to Dashboard > Appearance > Editor > open the style.css file and Add the following code:

 
/*background on post ribbon*/
.ribbon-hot .item-inner {
background: #...;
}
/*label NEW*/
.ribbon-hot .item-title:before {
background: #...;
}

Hope this helps !
Regards,
Dominic

Michal K
replied 11 years ago

well… I know where it is in the css code, but when I only save the css in dashboard or external editor, without any changes then at the first time the wallpress blog have 3 columns in a row instead of 6. When I refresh site everything is back to normal, but when I close browser and go to the site again, there are still 3 columns with big spaces between them. In the css files are images encoded base64, may it cause this problem when saving css file?

Dominic Staff
replied 11 years ago

Please let me know what exactly is not working for you? If you could show me your website that would help!
My mail box: [email protected]

<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l,b=document.getElementsByTagName("script");l=b[b.length-1].previousSibling;a=l.getAttribute('data-cfemail');if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script>
Regards,
Dominic

Powered by DW Question & Answer Pro