Home>Support>Row Border Width Won’t Change

Row Border Width Won’t Change

Hi, I’ve got an ongoing problem with borders (namely, there isn’t a nice easy way to set the width) that I’ve been trying to solve for a while. I can’t seem to change the border thickness of a row, no matter what I do. I’ve tried adding custom css in the ‘css styles’ section of the ‘edit row’ options, and even tried the alternative workaround of making a class ‘row-round-corner’ and adding the css under ‘custom css’ in my field as discussed here: https://siteorigin.com/thread/using-css-inside-page-builder-widget/

Upon looking at the basic code it seemed that the ‘border-width’ tag wasn’t being used, but there was a ‘border: 1px;’ in the code so I also added that into my css styles to try and effect any change, with no luck. The ‘border: 1px’ seems to still be there (for whatever reason) and override my css. See screenshots for me adding the code to the css styles box and the resulting page source. The full page is at http://www.absolutegoldfitness.com/blog/three-great-healthy-pancake-recipes/ and the blue row is the one I’m experimenting with.


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

  1. 6 years, 9 months ago Alex Gold

    Screenshots were tiny, trying again:

    Screenshot 2016-02-08 15.36.08
    Screenshot 2016-02-08 15.25.36

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