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.

Row style (top border line issue)

Resolved 8 replies generalpremium
andy-shandy
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. andy-shandy 10 years, 9 months ago

    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. Andrew Misplon Staff 10 years, 9 months ago

    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. andy-shandy 10 years, 9 months ago

    Hello Andrew,

    Thank you!! Works like a charm :)

    Wish you a good evening.

    Best regards
    Andy

  4. Andrew Misplon Staff 10 years, 9 months ago

    Awesome :) Really glad to hear that helps.

    Chat soon. Cheers!

  5. andy-shandy 10 years, 8 months ago

    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. Andrew Misplon Staff 10 years, 8 months ago

    Hey Andy

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

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

    Adjust as required.

  7. andy-shandy 10 years, 8 months ago

    Hi Andrew,

    Thanks!

    This one works for me :)

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

    Best regards
    Andy

  8. Andrew Misplon Staff 10 years, 8 months ago

    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.

Have a different question or issue?

Start New Thread