For that, you would need to use CSS to customize it. We have a guide below explaining how to use inspect element to customize things like the button. www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
It would depend on your specific theme but you would likely need to tweak the CSS for your specific theme. For a starting point we would recommend taking a look at our article below: www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/ To test how the tweaks would affect the button.
Hi, help. the button is fitting perfect on desketop, but on mobile it's looking weird. Is there a way to set different width for mobile and desktop? i am from Brazil. 😍
It would depend on the container, for a starting point we would recommend taking a look at our article below: www.wpbeginner.com/plugins/how-to-add-buttons-in-wordpress-without-using-shortcodes/
You would likely want to check in your screen options to ensure it is displaying, otherwise you would want to reach out to Yoast's support using the forum below: wordpress.org/support/plugin/wordpress-seo/
This does not account for any padding and so I have a giant smear from the text all the way to the bottom of my menu and it does not look good. I need where the button background color will just surround the text only and not the entire background.
Sadly, our articles cannot account for every styling available. Our guide below on Inspect element should be able to help find the padding that you can change or if you reach out to the support for your specific theme they can normally assist with small customizations like this. www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
It would depend on the specific template, if you have not done so already, we would recommend checking with the support for your theme and they can normally help if there is a specific customization for your theme to edit the button.
🔴 How to Install Google Analytics for WordPress 👉 ruclips.net/video/TWSrpXQDSbk/видео.html
Thank you very much from Paris.
You're welcome :)
Thank you, you saved me a lot of headeaches !
Glad we could help :)
I have been searching for this for quite a long time. Thank you so much!!!
Glad we could help :)
Thank you.
You're welcome!
Thank you very much
You are welcome
Thanks for such guidance. I am curious to know, once we update our theme, this custom code will stay or not?
Using the method from this guide, it should stay.
@@wpbeginner Thanks a million.
Hi, how do you reduce the width of the button and change the colour of the active button? Appreciate it, a great video.
For that, you would need to use CSS to customize it. We have a guide below explaining how to use inspect element to customize things like the button.
www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
thanks. however on my mobile site the button color surrounding the text is higher on the dropdown menu. How do I correct this on the mobile version?
It would depend on your specific theme but you would likely need to tweak the CSS for your specific theme. For a starting point we would recommend taking a look at our article below:
www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
To test how the tweaks would affect the button.
Hi, help. the button is fitting perfect on desketop, but on mobile it's looking weird. Is there a way to set different width for mobile and desktop? i am from Brazil. 😍
You would need to add CSS and specify the screen width similar to the below and add the CSS between the {}
@media screen and (min-width: 600px) {
}
@@wpbeginner I did not make it. the button did not fill the width space on mobile.
how to add button in container?
It would depend on the container, for a starting point we would recommend taking a look at our article below:
www.wpbeginner.com/plugins/how-to-add-buttons-in-wordpress-without-using-shortcodes/
Yoast seo not showing my woldpress post ?
You would likely want to check in your screen options to ensure it is displaying, otherwise you would want to reach out to Yoast's support using the forum below:
wordpress.org/support/plugin/wordpress-seo/
This does not account for any padding and so I have a giant smear from the text all the way to the bottom of my menu and it does not look good. I need where the button background color will just surround the text only and not the entire background.
Sadly, our articles cannot account for every styling available. Our guide below on Inspect element should be able to help find the padding that you can change or if you reach out to the support for your specific theme they can normally assist with small customizations like this.
www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Cannot get the code link in your description
You should be able to get the code in our article below:
www.wpbeginner.com/wp-tutorials/how-to-add-a-button-in-your-wordpress-header-menu/
you were so close to telling me what I need to know then you skipped it. My template came with a button and I have no idea how to edit it.
It would depend on the specific template, if you have not done so already, we would recommend checking with the support for your theme and they can normally help if there is a specific customization for your theme to edit the button.
💘
:)