button in standard page

4 posts from 3 voices

• Started 6 months ago by MattiaParla
• Latest reply from Nick
• This topic is not resolved

Tags:

No tags yet.

1. 

   MattiaParla
   Member

   Hi to everyone,
   i would like to have a button in the template standard page.
   I would like to have it like the button of the contact page.

   Thank you in advanced
   M

   Posted 6 months ago #
2. 

   Ismael
   Moderator

   Hi,

   Can you give us a screenshot or a link to the button that you are looking for?

   You can generate button via shortcode wand or place a code like this on your editor

   [button text="grey"]Button[/button]

   Regards,
   Ismael

   Posted 5 months ago #
3. 

   MattiaParla
   Member

   Hi Ismael,
   thank you for the answer.
   Yes i know that i can create it with a shortcode but i have tried several time and didn't works.

   The button that i want create has to be in this color: #0195da and when the user hovers over a link in this color #d4007c.

   The screenshot in in this link.
   http://www.giorgiaemichel.com/button-button-hover-link/

   Posted 5 months ago #
4. 

   Nick
   Moderator

   Hi,

   Please add this to quick css in the backend ... Choices > Theme Options > Styling

   body .avia-button.slurpy{background-color: #0195da !important; 	border-color: #00000; 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); color: #ffffff; }
   
   body .avia-button.slurpy:hover{background-color: #d4007c !important; 	border-color: #00000; 	text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color: #ffffff; }

   You can style it any way you want, i used your colors. just play around with the other values, or take them out.

   You can evoke your button with the shortcode below
   

   [button link="http://google.com/"  text="slurpy"]Button[/button]

   or you can just use html
   

   <a href="http://google.com/" class="avia-button  slurpy"><span class="avia-">Button</span></a>

   Thanks,

   Nick

   Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.