{"id":25005,"date":"2012-10-11T07:27:10","date_gmt":"2012-10-11T11:27:10","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=25005"},"modified":"2015-09-18T07:12:12","modified_gmt":"2015-09-18T11:12:12","slug":"firebug-how-to-use-break-on-attribute-feature","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/firebug-how-to-use-break-on-attribute-feature.html","title":{"rendered":"Firebug. How to use &#8220;Break on attribute&#8221; feature"},"content":{"rendered":"<p>This tutorial is going to show you how to fix  the position of a drop-down menu using &ldquo;<strong>Break on attribute<\/strong>&rdquo;\u00a0 feature in Firebug to change its attributes.<\/p>\r\n<ol>\r\n  <li>  Click the Firebug icon in the top  right corner of your Firefox browser.<\/li>\r\n  <li>    Select &ldquo;<strong>Click an element in the page to inspect<\/strong>&rdquo;.<\/li>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_1-300x141.jpg\" alt=\"\" title=\"break_on_attribute_firebug_1\" width=\"300\" height=\"141\" class=\"alignnone size-medium wp-image-25006\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_1-300x141.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_1-150x70.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_1.jpg 1007w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n  <li>    Open the drop-down menu on your  template and click on it. <\/li>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_2-300x142.jpg\" alt=\"\" title=\"break_on_attribute_firebug_2\" width=\"300\" height=\"142\" class=\"alignnone size-medium wp-image-25008\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_2-300x142.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_2-150x71.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_2.jpg 994w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n  <li>    In the <strong>HTML<\/strong> tab right click &lt;li class=&rdquo; and select\u00a0 <strong>&ldquo;Break  On Attribute Change&rdquo;.<\/strong><\/li>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_3-300x143.jpg\" alt=\"\" title=\"break_on_attribute_firebug_3\" width=\"300\" height=\"143\" class=\"alignnone size-medium wp-image-25009\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_3-300x143.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_3-150x71.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_3.jpg 997w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n  <li>    Refresh the page (select the URL and  hit Enter).<\/li>\r\n  <li>    Hover the mouse cursor  over the \u00a0menu to see the following:<\/li>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_4-300x146.jpg\" alt=\"\" title=\"break_on_attribute_firebug_4\" width=\"300\" height=\"146\" class=\"alignnone size-medium wp-image-25010\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_4-300x146.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_4-150x73.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n  <li>    Hit F8 or click &ldquo;Continue&rdquo; in the  Script tab several times till you see the drop-down menu open. <\/li>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_5-300x141.jpg\" alt=\"\" title=\"break_on_attribute_firebug_5\" width=\"300\" height=\"141\" class=\"alignnone size-medium wp-image-25011\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_5-300x141.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_5-150x70.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/break_on_attribute_firebug_5.jpg 1007w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n  <li>    Now the position of the drop-down  menu is fixed and you can proceed to changing its attributes. <\/li>\r\n<\/ol>\r\n\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"\/help\/files\/development\/break_on_attribute_firebug.htm\" target=\"blank\">Firebug. How to use &#8220;Break on attribute&#8221; feature<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial is going to show you how to fix  the position of a drop-down menu using &ldquo;<strong>Break on attribute<\/strong>&rdquo;  feature in Firebug.<\/p>\n","protected":false},"author":30,"featured_media":25016,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[938,937,256],"tags":[543,1385,939,1386],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/25005"}],"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\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=25005"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/25005\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/25016"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=25005"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=25005"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=25005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}