100% with for buttons in sidebar

2 posts from 2 voices

• Started 1 year ago by Monsoon
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   Monsoon
   Member

   Lets say I have a button in the sidebar
   [button link="http://www.google.com" color="black" text="light"]RSVP[/button]

   but I want to make it 100% of the width of the sidebar ie assign a dynamic width to the buttons I use in the widget section.

   Do you think it is better to create a new css for those buttons or is there some code that is parsed by the framework that can make those buttons 100% width with somethinglike

   [button link="http://www.google.com" width="100%" color="black" text="light"]RSVP[/button]

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   you can apply custom classes to your buttons. Imho no new shortcode or shortcode modification is required. I'd create a class "button_fullwidth" and add following code to css/custom.css:
   

   .button_fullwidth{
   width: 100% !important;
   }

   Then use the shortcode like:
   

   [button link="http://www.google.com" class="button_fullwidth" color="black" text="light"]RSVP[/button]

   You can also use the shortcode generator....

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.