البحث عن
]]></b:skin>
فوقه
footer#ABT_Footer_Wrap{ margin: 0px!important; padding:15px 0!important; min-width:100%!important; background: rgb(34,34,34)!important;} #ABT_Footer_Inner-Wrapper{ max-width: 1150px!important; margin: 0 auto!important; } .ABT_Footer-Tabs{ width: 31%!important; float: left!important; text-align: left; } .ABT_Footer_Stylings h2{ background: none!important; color: #fff!important; font-size: 14px!important; margin-bottom: 30px!important; text-transform: uppercase!important; letter-spacing: 1px!important; overflow: hidden!important; padding-left: 15px!important; position: relative!important; } .ABT_Footer_Stylings h2:before{ content: ''!important; width: 5px!important; position: absolute!important; background-color: rgb(221,47,47)!important; border-radius: 5px!important; height: 100%!important; left: 0!important; z-index: 8!important; } .ABT_Footer_Stylings h2:after{ content: ''!important; background-color: #2F2D2D!important; height: 1px!important; width: 100%!important; position: absolute!important; top: 50%!important; margin-top: -1px!important; margin-left: 8px!important; } .ABT_Footer_Stylings h2:hover:before { background-color: #7ee0b3!important; } .ABT_Footer_Stylings h2:hover:after{ background-color: #7ee0b3!important;} #ABT_Footer_Stylings2{margin: 0 3.5%}.ABT_Footer_Stylings{color: #fff;}

التعديل
1- يعد النص  المميز rgb(34,34,34  مسؤولاً عن لون خلفية علامات تبويب التذييل، لذا إذا كنت تريد تغييره، فما عليك سوى تغيير القيم إلى القيمة التي تريدها.
2- يعد النص  1150px   المميز مسؤولاً عن الحد الأقصى لعرض التذييل افتراضيًا، لقد أضفنا 1150 بكسل ولكن يمكنك تغييره إلى العرض المطلوب.
3- النص المميز باللون الأخضر مخصص لعنوان الأداة في معظم المدونات، سيكون عنوان الأداة هو h2 ولكن إذا كنت تستخدم h3 فلا تقلق، فقط قم بتغيير h2 أو استبداله بـ h3.
الان البحث عن
</body>
فوقه
<footer id='ABT_Footer_Wrap'>
   <div id='ABT_Footer_Inner-Wrapper' class='row'>
       <div class='ABT_Footer-Tabs col-sm-4' id='ABT_Footer_Tab_1' style='margin: 0px!important;'>
           <div class='ABT_Footer_Stylings' id='ABT_Footer_Stylings1'>
               <b:section class='ABT_Footer_Widget_Wrap' id='ABT_Footer_Widget_Wrap1' preferred='yes'></b:section>
           </div>
       </div>
       <div class='ABT_Footer-Tabs col-sm-4' id='ABT_Footer_Tab_2'>
           <div class='ABT_Footer_Stylings' id='ABT_Footer_Stylings2'>

               <b:section class='ABT_Footer_Widget_Wrap' id='ABT_Footer_Widget_Wrap2' preferred='yes'></b:section>
             
           </div>

       </div>

       <div class='ABT_Footer-Tabs col-sm-4' id='ABT_Footer_Tab_3'>

           <div class='ABT_Footer_Stylings' id='ABT_Footer_Stylings3'>
               <b:section class='ABT_Footer_Widget_Wrap' id='ABT_Footer_Widget_Wrap3' preferred='yes'></b:section>

           </div>
       </div>

       <div style='clear: both'></div>
   </div>
</footer>