Avisio Buttons Question

6 posts from 3 voices

• Started 4 months ago by andrewrhutson
• Latest reply from Ismael
• This topic is not resolved

Tags:

• avisio
• Buttons

1. 

   andrewrhutson
   Member

   Is there any way to replicate the buttons built into Avisio in the sidebar of that theme? I want two buttons in the sidebar but I don't want a different style.

   Thanks in advance for the help! Your work is great!

   Posted 4 months ago #
2. 

   Dude
   Dude

   Yes, you just need to add the class "button" to the element - eg if it's a submit button you can use following code:

   <input type="submit" class="button ie6fix" id="mybutton" value="Buttontext">

   Posted 4 months ago #
3. 

   andrewrhutson
   Member

   Thanks Dude but I'm still struggling (probably my own fault). I'll try to be more specific which can hopefully help you help me. I want, in the sidebar widget, a button that matches the excerpt button on the slider content.

   Posted 4 months ago #
4. 

   Ismael
   Moderator

   Hi,

   You can add a text widget then enter this code

   <a href='http://www.kriesi.at/' class='excerpt_button dynamicFont'>Learn more</a>

   Regards,
   Ismael

   Posted 4 months ago #
5. 

   andrewrhutson
   Member

   I'm sorry to keep bothering you but it's still not wrapping correctly. When I put that code into the basic text widget in the side bar it gives me the correct font but does not wrap it in the button. Any ideas on why this is happening?

   Posted 3 months ago #
6. 

   Ismael
   Moderator

   Hi andrewrhutson,

   Try to add this code at the bottom of style.css:
   

   .excerpt_button.dynamicFont {
   background: #fff url("../images/skin3/bg_gradiant_stripe.png") repeat-x -1px -1px;
   border: 1px solid #FFFFFF;
   color: #fff;
   display: block;
   font-size: 24px;
   height: auto;
   margin-top: 35px;
   padding: 18px 18px 16px;
   text-align: center;
   width: 210px;
   }

   Hope this helps. :)

   Regards,
   Ismael

   Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.