Home>Support>Origin Widget List Custom CSS

Origin Widget List Custom CSS

By David, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hey there,
I’ve got a problem with the List (PB).
I want to center the complete List. It workes with “text-align: center;” but this only centered the text and not the arrows…
Can you tell me how I can center the complete widget_origin_list?
I would be very thankful, because I didnt find something in the CSS of the List widget.

Greetings

URL: https://drive.google.com/open?id=0B0BOMca-nkcZfmtaUXRreThGM25pZGFTcVNfb2pVWjNQc0VTY1E3TVJiR25yU2wwR0NscUU&authuser=0

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

  1. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi David

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 9 years, 4 months ago David

    sorry that I didnt reply. The problem depends on the browser. It works with Chrome and Mozilla. Safari did not center the arrows.

  3. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi David

    Thanks for reaching out.

    If you can assign a width to the widget the centring it is quite easy. Edit the List widget in question. Click the Attributes tab top right. Enter the following into the CSS Styles field:

    margin: 0 auto
width: 200px

    Adjust as required.

  4. 9 years, 4 months ago David

    thank you, it works fine :-)

  5. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Awesome. Glad we could help :) 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