Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
hi! on this page i have added some css padding to the top item using the css section on the widget attribute in the page builder to give it some space to allow for the background image to be seen. i want to have this space change for mobile screens; can you use conditional css in the widget attributes or does this need to be done another way?
thank you!
d-_-b
Hi D-_-b,
This currently isn’t possible, but something we’ve considered adding. In the meantime, we recommend adding any media queries you need via the SiteOrigin CSS Editor. To make things easier you should add a class to your intended widget / row via the widget / row styles sidebar. (in the attribute group)
ok, i will try that. could i trouble you for basic directions on how to accomplish this? i have never worked with widget classes before.
thank you!
d-_-b
Hi Alex,
As well as d-_-b I need to add classes to the text html editor widget, where i want to embed a video file but want it to be a responsive file.
For that I have 3 class styles name to be added to the same widget.
So in a widget I only see one option to put a class style name
Hope you can give us some directions on how to add classes to a widget.
Thank you
Fernanda
Hi Everybody,
To give a row a class go to the desired row, click the wrench above it and then head on over to the row styles sidebar. Open the attributes group and input a class.
To give a widget a class, select it and edit it. head on over to the widget styles sidebar and open the attributes group. Input a class there and you’re done. :) Please note that the class is applied to the same row as the CSS is.
You can specify multiple classes by simply putting a space. So if you need to attach .btn .layout-wide and .border-orange just input: btn layout-wide border-orange