First of all, please make sure you are working on a Child Theme. Otherwise updating the theme will wipe out all the changes you made in its original files.

You May also Like these:
- Fetch Network Error: Can’t change Jetpack settings
- Want to speed up your WordPress website for more traffic?
- Fix all WordPress errors by five methods completely
If you already have a child theme in place, navigate into that folder and open the file called header.php and locate for the line, Inside it adds the following code:
Book an Inspection
.header-inspection-button { padding: .4em; background: #fff; color: #232425; border-radius:.2em; }
a.head-button { float: right; background-color: #fff; padding: 10px; color: #000; font-size: 16px; display: inline-block; } a.head-button:hover { background-color: #000; color: #fff; }
Add the above CSS rule in your site’s style.css or you can add it by going to Appearance > Customize > Additional CSS.
Change the value of href property to your actual page.
You may also like these:
- Fix all WordPress errors by five methods completely
- How to Hide Admin Bar without Plugin in just 5 minutes?
- Post Anatomy: The perfect blog posts writing guide in 2020
- Add Calculate Reading Time to WordPress site in 2020
The above modification will create the button in the header and it will like this:
https://prnt.sc/geciq3
Let me know if this helps.
and save the changes. You can change the color as per your choice.
Comments
Loading…