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.
Need fast email support? Get SiteOrigin Premium
Replies
8Hi 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.
This is a private message.
How can I clean the cache of plugin?
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.
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..
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.
Alright, I’ll try again. Thak you for support.
Anyway, in Editor widget a week ago I was able to insert css code as
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.