Home>Support>Adding Border Styling to Widget

Adding Border Styling to Widget

By sophybeechweb, 8 years ago. Last reply by sophybeechweb, 8 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello, I’m using the Vantage theme and the page builder, but I’d like to add a border to the text widgets – but not a full surrounding one (see my image for the idea) – I was wondering what CSS I’d need to achieve this. The URL where I need help is http://www.merryfall-logs.aspiredev.co.uk/prices/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Sophy,

    Preface: It looks like you managed to work out how to do this. I’m sorry I wasn’t able to be of assistance with it. Regardless,I’m going to reply with instructions on how to accomplish this for for other users.

    Please open up the relevant widget you wish to apply a border to. Head over to the widget styles sidebar and open the Design settings group, set the border color and then open the Attribute settings group. Now, we need to disable the border for a specific side so to do this we’ll need to use CSS. The CSS to target a specific side is border-SIDEHERE. So, for example, for the top border it would be: border-top. Then we simply need to set the property to 0.

    So, for example, say we want to remove the borders on the right and bottom. We need to add the following CSS into the CSS Styles field:

    border-right: 0;
border-bottom: 0;

    If I wanted only the right border I would use:

    border-top: 0;
border-bottom: 0;
border-left: 0;

    For more information please refer to this MDN doc.

  2. 8 years, 7 months ago sophybeechweb

    Hi Alex,

    That’s no problem, I don’t expect you guys to help for free (saying that you’ve been very helpful in the past)!

    Regardless thanks for replying anyway :)

    Have a good day/evening!

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More