Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #5998

    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]

    #52522

    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….

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘100% with for buttons in sidebar’ is closed to new replies.