{"id":76071,"date":"2016-09-21T11:09:29","date_gmt":"2016-09-21T15:09:29","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=76071"},"modified":"2017-08-09T04:24:11","modified_gmt":"2017-08-09T08:24:11","slug":"wordpress-change-default-starting-position-anchor","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-change-default-starting-position-anchor.html","title":{"rendered":"WordPress. How to change default starting position of #anchor"},"content":{"rendered":"<p>This tutorial is going to show you how to change <strong>default starting position of an anchor<\/strong>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/C1wbnE65uHk\"><\/iframe>\r\n<\/div>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<ol>\r\n<li><p>Open your <strong>WordPress Dashboard<\/strong>.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img1-300x200.png\" alt=\"WordPress_How_to_change_default_starting_position_of_anchor_img1\" width=\"300\" height=\"200\" class=\"alignnone size-medium wp-image-76073\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img1-300x200.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img1-150x100.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img1-768x513.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img1-1024x684.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img1.png 1033w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li><p>Navigate to <strong>Pages -> All pages<\/strong> and open <strong>Home page<\/strong>.<\/p>\r\n<\/li>\r\n<li><p>Locate <strong>hash_id<\/strong> of page you wish to edit. For example: <strong>hash_id=&#8217;aboutPage&#8217;<\/strong><\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img2-300x295.png\" alt=\"WordPress_How_to_change_default_starting_position_of_anchor_img2\" width=\"300\" height=\"295\" class=\"alignnone size-medium wp-image-76074\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img2-300x295.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img2-150x148.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img2-768x755.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img2.png 915w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li><p>Use this <strong>id<\/strong> to create a <strong>CSS rule<\/strong>. Example:<\/p>\r\n<pre class=\"brush:css\">\r\n#aboutPage {\r\n  position: relative;\r\n  top: 50px !important;\r\n}\r\n<\/pre>\r\n<p>CSS <strong>top<\/strong> property can be customized.<\/p>\r\n<\/li>\r\n<li><p>Insert the rule to the bottom of <strong>style.css<\/strong> file.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img3-284x300.png\" alt=\"WordPress_How_to_change_default_starting_position_of_anchor_img3\" width=\"284\" height=\"300\" class=\"alignnone size-medium wp-image-76072\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img3-284x300.png 284w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img3-142x150.png 142w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/WordPress_How_to_change_default_starting_position_of_anchor_img3.png 633w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/a>\r\n<\/li>\r\n<li><p>Save changes and check your site.<\/p><\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=C1wbnE65uHk?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to change default starting position of #anchor<\/a>\r\n<p>Also, take your time to check out our <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\" target=\"_blank\">premium WordPress Themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial is going to show you how to change <strong>default starting position of an anchor<\/strong>.<\/p>\n","protected":false},"author":89,"featured_media":76075,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[1017,2012,667,1349],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76071"}],"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\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=76071"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76071\/revisions"}],"predecessor-version":[{"id":82619,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76071\/revisions\/82619"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/76075"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=76071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=76071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=76071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}