Comments 2David started the conversationNovember 10, 2016 at 3:11pmHiOn one of your demo pages you have a button in the header alongside your menu items that acts as your CTA. I can't see any obvious way I am able to replicate the button on my site. Could you please explain how you have achieved this?Thanks,DavidSamuel repliedNovember 10, 2016 at 3:36pmHi David,It would be best to share which demo page you are referring to so they understand your request.Kindest regards,Samuel Rose. David replied privately TheFox replied privately David replied privately 895TheFox repliedNovember 12, 2016 at 7:21amHello David,What you need to do is go edit your menu and add a custom class to the menu you want to change into a button,the class we added for our button is :m_p_buttonthen add this custom css :nav ul .m_p_button a { padding-left: 50px; padding-right: 50px; position: relative; background: #37b34a !important; border-radius: 0px; padding: 15px 40px; margin: 21px 0 21px 15px!important; color: #fff!important; }nav > ul > li.m_p_button > a:hover { color: #fff!important; background: #246eb9 !important; }If you want to change the button on each page, you would need to create a new page template for each page to be able to set different menu.Do not hesitate to contact us if you have more questions. Regards.--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme 2David repliedNovember 12, 2016 at 5:59pmHiI am having a little difficulty figuring out where to place the 'm_p_button' class. Please see attached. If I have entered the m_p_button in the correct place then that, coupled with the custom CSS, does not appear to be working.Also, could you please point me to some form of documentation that will help me to create new page templates?Regards,David 895TheFox repliedNovember 13, 2016 at 5:15amHello David,Please go to Appearance > Menus and then click on screen options on the top right of the screen and activate the css classes : https://drive.google.com/open?id=0B4U2I7SLFLQYS3BhN1VfeGJFRWM Then edit your custom link and add a css class : https://drive.google.com/open?id=0B4U2I7SLFLQYbkdWZGtMR2lseVU Then you can add custom css to make it looks like a button.Do not hesitate to contact us if you have more questions. Regards. --------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme David replied privately TheFox replied privately Sign in to reply ...
Hi
On one of your demo pages you have a button in the header alongside your menu items that acts as your CTA. I can't see any obvious way I am able to replicate the button on my site. Could you please explain how you have achieved this?
Thanks,
David
Hi David,
It would be best to share which demo page you are referring to so they understand your request.
Kindest regards,
Samuel Rose.
Hello David,
What you need to do is go edit your menu and add a custom class to the menu you want to change into a button,
the class we added for our button is :
m_p_button
then add this custom css :
nav ul .m_p_button a { padding-left: 50px; padding-right: 50px; position: relative; background: #37b34a !important; border-radius: 0px; padding: 15px 40px; margin: 21px 0 21px 15px!important; color: #fff!important; }
nav > ul > li.m_p_button > a:hover { color: #fff!important; background: #246eb9 !important; }
If you want to change the button on each page, you would need to create a new page template for each page to be able to set different menu.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi
I am having a little difficulty figuring out where to place the 'm_p_button' class. Please see attached.
If I have entered the m_p_button in the correct place then that, coupled with the custom CSS, does not appear to be working.
Also, could you please point me to some form of documentation that will help me to create new page templates?
Regards,
David
Hello David,
Please go to Appearance > Menus and then click on screen options on the top right of the screen and activate the css classes : https://drive.google.com/open?id=0B4U2I7SLFLQYS3BhN1VfeGJFRWM
Then edit your custom link and add a css class : https://drive.google.com/open?id=0B4U2I7SLFLQYbkdWZGtMR2lseVU
Then you can add custom css to make it looks like a button.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme