Home>Support>Features Widget Text Showing As Single Column

Features Widget Text Showing As Single Column

By Chuk Yong, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Was trying out the SiteOrigin Featuers Widget. Added the icon and text. However, the text showed up as a single line running down the page on the right side of the icon.

URL: http://nrza.net/index.php/web-security-suite/

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, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Chuk

    Thanks for reaching out. You’re adding the following to Custom CSS:

    .textwidget {
  padding-left: 160px;
  padding-right: 160px;
}

    That’s negatively impacting the Features widget. It’ll also cause problems for Text widgets on mobile.

    Try changing that rule to something like this:

    @media (max-width: 680px) {

.widget_black-studio-tinymce .textwidget {
padding: 0 160px;
}

}

    We’re limiting to Black Studio and not applying below 680. Untested.

    Let me know how it goes :)

  2. 9 years, 2 months ago Chuk Yong

    Sure…it works. However…

    That removes the padding on every row on my main page. I had to add in a div in every Visual Editor.

    The Visual Editor only accepts one value for padding. Will you change it such that we can edit the top bottom left and right individually?

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

    Yes, that’s a big request and one I’d really like to see implemented. I believe one of our regular contributers to page Builder is working on this for us. Hopefully we’ll see it added in soon.

    Is there anything further I can contribute with regards to Custom CSS?

  4. 9 years, 2 months ago Chuk Yong

    Hi Andrew,

    For this case no. I am moving to other parts of the site. Will start another thread if I do come across anything else.

    You have been most helpful. The turnaround time for request was also fantastic. Thank you!

    Regards
    Chuk

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

    Thanks for your support. Usually a new thread would be preferable but for the next couple you’re welcome to just ask here and I’ll get back to you as soon as possible. Thanks :)

  6. 9 years, 2 months ago Chuk Yong

    Hi Andrew,

    I had been using Visual Editor in a single row to place my text and image. Just realised it is not responsive. Text showed up as single character when viewed on mobile.

    Changed it to a single row with SiteOrigin Editor and SiteOrigin Image. Works!

    Now a background styling issue.

    I set the row to “standard” width so that the Text and Image is nicely contain in the centre of the page. However, the background color does not fill the entire row of the web page. What should I do?

  7. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Glad to hear you’ve been making progress. Have you tried the “Full Width” row layout option. Not “Full Width Stretched” just “Full Width”.

  8. 9 years, 2 months ago Chuk Yong

    Works!!

    Thank you!

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

    Awesome :) Glad to hear that did the trick. 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