0:00
hello everyone welcome to key2 blogging and in this video i will show you how you can add a
0:05
button to your wordpress website using css code so here i am using the generate press theme
0:13
and here i will add a button in this area so to do this go to the wordpress dashboard
0:21
and here click on appearance and here click on menu now in the screen option click on the css
0:29
class and click on the link target option and close this now paste this url of that button
0:41
and here type the link text in the button so i am using subscribe and click on add to menu
0:52
now here in the custom link here click on open link in a new tab or you can untick it now here
1:03
you have to add a class to the button so here i am using this menu button class here so type menu
1:15
menu button and click on save changes now go to this article and copy this css code and here in the appearance section click on customize
1:35
and here as you can see the subscribe button is not showing so you need to click on the
1:45
additional css section and paste the css code here and now the button is added to the menu
1:54
and when you click on the mobile view it will not show here so it only works for the desktop device
2:04
so you can further change the color by changing this background code so you can easily
2:11
copy color codes by typing html color codes here you can find lots of color codes so just
2:23
choose the color that you want to add to the button and change this and now the button color
2:32
is changed so you can also change the border radius and change the padding and margin
2:41
by changing this css code suppose you want to add a hover effect to this button
2:48
so to add hover effect scroll down and copy this code now add this code below now as you can see the hover color is activated so you can also change
3:05
the hover color by changing this value just go to the html color code website and you can change
3:15
the html color code website and you can change the hover color so and you can change it here
3:26
so let me change it now test the hover color change now click on the publish button
3:38
now go to the website and click on refresh and as you can see the subscribe button is added
3:47
to your theme here i am using the generate press theme and if you want to add this button to any
3:55
other theme then you need to copy the class of that navigation menu just right click on it and
4:03
click on inspect and here you will see the navigation class and then you can change the
4:11
navigation class here and it will work in other themes also i hope this tutorial is helpful to
4:18
you and if you have any doubt regarding this button in the navigation menu then you can ask
4:26
me in the comment section and if you are new to this channel then hit the like button and subscribe
4:31
to my channel for more upcoming videos like this i will see you in the next video thank you
