This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Full width button

Open 3 replies pluginplugin-page-buildertechnical
Sally Pilkington
6 years ago · Last reply by SiteOrigin 6 years ago

Hi

Is it possible to create a full width button within a row?

Currently, my default button in my theme only pads to the button content. I’ve tried using full width row setting.

Would I need to create a custom css button or is there another way?
I have tried adding css to the widget styles attributes area:
width: 100%;

but the background colour is applied the the button link , not to the widget itself.

Any advice would be much appreciated

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Sally Pilkington 6 years, 7 months ago

    Sorted it with this css…

    .so-widget-sow-button-flat-40718317da98 .ow-button-base a {

    width: 100%;}

  2. Sally Pilkington 6 years, 7 months ago

    Previous css fixes one specific button…

    This fixes all:
    .ow-button-base a {

    width: 100%;}

    And I guess you could but a class attribute on the row if you just wanted to target buttons in 1 row.

  3. SiteOrigin 6 years, 7 months ago

    Hi Sally

    Thanks for posting and sharing your solution here on the forums.

    All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread