Home>Support>Row style (top border line issue)

Row style (top border line issue)

By andy-shandy, 10 years ago. Last reply by Andrew Misplon, 10 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 Andrew,

Is there any possibility to split the top border line into 2 different lines: one per widget?

http://joxi.ru/DrlOPQGFz89PAP

And the second question is how can I make the top border line to be the same size like on the http://www.art.com website. Take a look, for instance, at the SHOP BY COLOR part. The line is split and its size just fit the widget’s width.

Thanks in advance!

Best regards
Andy

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

  1. 10 years, 1 month ago andy-shandy

    P.S.

    And there is a problem when you choose the Theme or plugin. That’s why I’ve chosen “general”.

    http://joxi.ru/gmveZqaTGGy6ra

  2. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Andy

    Edit each widget, click Attributes top right, enter a CSS Class as follows:

    top-border

    Go to Appearance > Custom CSS and target that:

    .top-border {
  border-top: 1px solid #000;
  padding-top: 25px;
}

    Adjust as required.

    Thanks for reporting the forum item selection issue. I’ll mention that to Greg.

    Let me know how it goes.

  3. 10 years, 1 month ago andy-shandy

    Hello Andrew,

    Thank you!! Works like a charm :)

    Wish you a good evening.

    Best regards
    Andy

  4. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Awesome :) Really glad to hear that helps.

    Chat soon. Cheers!

  5. 10 years, 1 month ago andy-shandy

    Hello Andrew,

    Didn’t want to create a new thread for this.

    How can I make the top border line to be in one line with boxed layout?

    http://joxi.ru/bmoOQW5F1Voqmy

    Best regards
    Andy

  6. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hey Andy

    With negative margin. Try adding the following declarations to your rule:

    margin: 0 -36px;
padding: 0 36px;

    Adjust as required.

  7. 10 years, 1 month ago andy-shandy

    Hi Andrew,

    Thanks!

    This one works for me :)

     .top-border {
margin: -19px;
padding: 20px;
}

    Best regards
    Andy

  8. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Glad to hear that helped :) 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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More