{"id":24335,"date":"2012-09-28T05:16:59","date_gmt":"2012-09-28T09:16:59","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=24335"},"modified":"2017-02-17T06:41:25","modified_gmt":"2017-02-17T11:41:25","slug":"wordpress-how-to-edit-widget-area-class","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-edit-widget-area-class.html","title":{"rendered":"WordPress. How to edit widget area class"},"content":{"rendered":"

\r\n<\/p>\r\n

In this tutorial you will learn the way to add or edit widget area class. You may need it to change styling \/ positioning or some widget.<\/p>\r\n

    \r\n
  1. \r\n\t\t\t\tPlease open your admin panel and go to Appearance >> Widgets<\/strong> to locate your widget and its widget area. Widget area is the header titles – where you place your widgets.
    \r\n\"\"<\/a>\r\n\t\t\t<\/li>\r\n
  2. \r\n\t\t\t\tNow as you know widget area title you may open your FTP \/ filemanager and locate corresponding file to edit it.
    \r\n\t\t\t\tOpen wp-content\/themes\/your_theme_folder\/includes<\/strong> folder and “sidebar-init.php”<\/strong> in any text editor.\r\n\t\t\t<\/li>\r\n
  3. \r\n\t\t\t\tNow you need to locate your widget area title – it is “Header” in our case. As you can see there are a lot of options but the one we need is “before widget” only.
    \r\n\t\t\t\tThe id may look strange but it means that it is provided automatically. And the class value is here as well – you may edit it as you need – remove \/ change \/ add any class you need.
    \r\n\t\t\t\tUpdate it as you need, save it and test your website – the changes should be displayed properly.
    \r\n    \"\"<\/a>\r\n\t\t\t<\/li>\r\n<\/ol>\r\n

    Thank you for paying attention to our video tutorials. Please contact us if you have any issues in editing the template. Good Luck!!!<\/p>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    WordPress. How to change or edit widget area class<\/a><\/p>\r\n<\/p>\r\n

    <\/p>","protected":false},"excerpt":{"rendered":"

    In this tutorial you will learn the way to add or edit widget area class<\/p>\n","protected":false},"author":29,"featured_media":24341,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[1175,651,559,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/24335"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=24335"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/24335\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/24341"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=24335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=24335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=24335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}