Greetings SiteOrigin Team,
I’m in desperate need of assistance. I need for the CSS Widget Attribute to work for the SiteOrigin Editor Widget but it doesn’t seem to be working. I followed the instructions from this page (https://siteorigin.com/thread/how-do-page-builder-row-attributes-work-row-class-cell-class-and-css-styles/) and am still not able to stylize the all the tags that are created when I try to create an gallery of images using “Insert Shortcode” functionality used to dynamically generate a gallery of images. The page I am working with is listed below and the gallery of images I’m trying to change the style of is the second set without the white border. Any help you can pass along my was is ALWAYS appreciated and thanks again for the great product.
Hi Stingysale,
Just checked the markup and the classes are definitely being applied. You’ve added a class called test-widget-class.
Could you clarify what you’re trying to do? I presume you’re trying to add a border around the images. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.test-widget-class img { border: 6px solid #fff; }You might also need to install the SiteOrigin CSS Editor.
Greetings Alex, that worked perfectly! Thanks. The CSS code wouldn’t work when I tried to put it in the CSS Attribute fields within the SiteOrigin Editor Widget but it did work when I added it to the actual .css file. Last question, how can I add that same white border when it pops us in the lightbox?
Hi Stingysale,
Ah, right. Okay so the CS attribute field doesn’t support selectors. It directly applies that CSS as inline styling to the above-pictured div.
To add the border around the lightbox image please add the following CSS to WP AdminAppearanceCustom CSS
#swipebox-overlay img { border: 6px solid #fff !important; }