{"id":160,"date":"2022-11-18T14:07:24","date_gmt":"2022-11-18T14:07:24","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&p=160"},"modified":"2023-09-06T07:16:44","modified_gmt":"2023-09-06T07:16:44","slug":"how-to-edit-book-now-button-in-site-header","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/how-to-edit-book-now-button-in-site-header\/","title":{"rendered":"How to edit or remove “Book Now” button in site header"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In this short tutorial video you can learn how to edit the “Book Now” button in the site header after importing a demo.<\/p>

  1. Please navigate to the Admin Bar<\/strong> at the top of the page, and find “Edit with Elementor”<\/strong>.<\/li>
  2. Hover over it to show a drop-down list. Find the site header, its name will vary depending on the demo you imported, for example, it may be \u201cIsland Resort Header\u201d, \u201cMountain Hotel Header\u201d, \u201cCountryside Lodge Header\u201d, etc., the key word is “Header<\/strong>“.<\/li>
  3. Click on it to open the Elementor editor.<\/li>
  4. Now you may not be able to see any elements in the editor, because this is an overlapping header with no background color, and the font color of the header is white, and the default background color of the website is also white. In the upper right corner of the editor you can find Color Mode Simulator<\/strong>, click “DARK<\/strong>” and the editor background will turn black so you can see what’s on the page. The Color Mode Simulator<\/strong> only works in the editor, it will not affect the page in the front-end.<\/li>
  5. Click on the “Book Now” button to edit it.\u00a0<\/li>
  6. To remove the button, please Right Click<\/strong> on it and select “Delete<\/strong>“.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\tPlease note that the “Countryside Lodge<\/b>” demo has 2 site headers:\"\"<\/a>\n
      \n \t
    • Countryside Lodge Header<\/strong>: This header is the default site header. It is a transparent overlap header.<\/li>\n \t
    • Sticky Countryside Lodge Header<\/strong>: This is the sticky site header for all pages. It has a green background.<\/li>\n<\/ul>\n

      So in this case, you need to edit these two headers separately.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[3,11],"class_list":["post-160","ptkb","type-ptkb","status-publish","hentry","ptkb_category-how-tos-faqs","ptkb_category-site-header"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/160\/revisions"}],"predecessor-version":[{"id":1218,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/160\/revisions\/1218"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=160"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}