Home>Support>Problem with SiteOrigin Widgets Bundle

Problem with SiteOrigin Widgets Bundle

Hello,
I have problem with SiteOrigin Widgets Bundle (siteorgin text (rich text)). If I activ this plugin, the user that visit my website will see css as text. And if I disable SiteOrigin Widgets Bundle I’ll not able to edit site origin text widget.

How to resolve this?

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

  1. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Hi Vlad

    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. 8 years, 9 months ago Private Message - Vlad Cardone

    This is a private message.

  3. 8 years, 9 months ago Vlad Cardone

    How can I clean the cache of plugin?

  4. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    In your Text widget you have the following:

    <style>
    .enjoy-css {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      position: relative;
      top: -50px;
      margin: -4px;
    height: 120%;
      padding: 31px;
      overflow: hidden;
      border: none;
      font: normal normal bold 35px/1 'Lato', sans-serif;
      color: rgba(85,85,85,0.74);
      text-align: center;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 72%, rgba(5,163,237,0.24) 100%);
      background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 72%, rgba(5,163,237,0.24) 100%);
      background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 72%, rgba(5,163,237,0.24) 100%);
      background-position: 50% 50%;
      -webkit-background-origin: padding-box;
      background-origin: padding-box;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      -webkit-background-size: auto auto;
      background-size: auto auto;
      -webkit-box-shadow: 0 5px 10px -2px rgba(4,163,237,0.6) ;
      box-shadow: 0 5px 10px -2px rgba(4,163,237,0.6) ;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
    }
    </style>

    Remove the entire style block and instead, insert the following at Appearance > Custom CSS.

    .enjoy-css {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      position: relative;
      top: -50px;
      margin: -4px;
    height: 120%;
      padding: 31px;
      overflow: hidden;
      border: none;
      font: normal normal bold 35px/1 'Lato', sans-serif;
      color: rgba(85,85,85,0.74);
      text-align: center;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 72%, rgba(5,163,237,0.24) 100%);
      background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 72%, rgba(5,163,237,0.24) 100%);
      background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 72%, rgba(5,163,237,0.24) 100%);
      background-position: 50% 50%;
      -webkit-background-origin: padding-box;
      background-origin: padding-box;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      -webkit-background-size: auto auto;
      background-size: auto auto;
      -webkit-box-shadow: 0 5px 10px -2px rgba(4,163,237,0.6) ;
      box-shadow: 0 5px 10px -2px rgba(4,163,237,0.6) ;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
    }

    If you don’t have AppearanceCustom CSS available, go to PluginsAdd New and install SiteOrgin CSS.

  5. 8 years, 9 months ago Vlad Cardone

    I used SiteOrigin Editor Widget inside PageBuilder…
    But it still show style tag as real text..
    :So basically I should select widget “”simple html” (wordpress) to use tag….

    That is the problem..

  6. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    A CSS rule like the one we’ve discussed above, ideally, shouldn’t be inserted into a widget. It should be inserted into a Custom CSS plugin like SiteOrigin CSS or Simple Custom CSS. Both add a menu item under Appearance called Custom CSS. Give that a try.

  7. 8 years, 9 months ago Vlad Cardone

    Alright, I’ll try again. Thak you for support.

    Anyway, in Editor widget a week ago I was able to insert css code as

  8. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Let us know how it goes :)

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