كيف يمكنني التغيير في شكل الادوات في التنسيق لقالب بلوجر

يتم تغيير تصميم layout عن طريق كتابة css في b:template-skin

لكنه لا يدعم بعض خصائص css

<b:template-skin><![CDATA[
body#layout {
    width: 798px;
}
body#layout div.section {
    border: solid 1px #4CAF50;
    background-color: #E8F5E9;
}
]]></b:template-skin>

هذا مثال كامل

<b:template-skin><![CDATA[
body#layout{width:798px}body#layout #options{display:block}body#layout .container{max-width:none}body#layout div.section{margin:5px!important;background:linear-gradient(to right,#c33764,#1d2671);border:0!important;padding:15px!important;overflow:hidden!important;height:auto!important;width:auto!important;max-width:none!important;max-height:none!important}body#layout .section h4{color:#fff;text-transform:uppercase;letter-spacing:1px;text-align:center;font-size:18px;line-height:30px;margin:0;border:solid 5px rgba(255,255,255,0.18);padding:10px;background-color:rgba(255,255,255,0.1);border-radius:3px}body#layout div.section > div{margin-top:10px}body#layout .add_widget{border:1px dashed #fff;background-color:rgba(255,255,255,0.5);border-radius:3px}body#layout .add_widget a{color:#fff;text-decoration:none}body#layout .add_widget a:hover{color:#1e2671}body#layout div.section > div.widget{margin-top:10px}body#layout .visibility .editlink.icon{display:inline-block}body#layout #PageList1,body#layout #Image1{float:left;width:374px}body#layout #LinkList1,body#layout #HTML1{float:right;width:374px}body#layout div.widget{height:auto;display:block}
]]></b:template-skin>