Title: Visual  style
Last modified: August 21, 2016

---

# Visual style

 *  [mm3kix](https://wordpress.org/support/users/mm3kix/)
 * (@mm3kix)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/visual-style/)
 * hey,
 * Just wondered if anyone can tell me if the visual style button does anything.
   If not, can we adjust the pages with css once built with page builder. If so,
   could anyone tell me what the tags are for the columns as I need to separate 
   them out
 * [http://wordpress.org/plugins/siteorigin-panels/](http://wordpress.org/plugins/siteorigin-panels/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [Greg – SiteOrigin](https://wordpress.org/support/users/gpriday/)
 * (@gpriday)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/visual-style/#post-4078719)
 * Visual styles need to be supported by the theme to do anything. This is something
   I’ll be building into my own themes and I hope that other themes start adding
   support at some stage too.
 * To avoid confusion, I’ll get Page Builder to hide this button if there aren’t
   any options 🙂
 * Each row does have a globally unique CSS selector that you could use to modify
   its appearance. For example
 * .page-id-1394 #pg-0 { … }
 * will select the first row on the page with ID 1394.
 *  Thread Starter [mm3kix](https://wordpress.org/support/users/mm3kix/)
 * (@mm3kix)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/visual-style/#post-4078725)
 * Great. Thanks for your help
 *  Thread Starter [mm3kix](https://wordpress.org/support/users/mm3kix/)
 * (@mm3kix)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/visual-style/#post-4078727)
 * However, I don’t quite understand why you wouldn’t want visual styles to be compatible
   with other themes
 *  Thread Starter [mm3kix](https://wordpress.org/support/users/mm3kix/)
 * (@mm3kix)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/visual-style/#post-4078750)
 * Ok, I’ve attempted to use the above suggested code to no effect. the theme I’m
   using supports custom CSS.
 * I’ve used the inspect element function of Google chrome which has allowed me 
   to isolate the following code as the area I want to put a border around.
 * <div class=”panel widget widget_black-studio-tinymce panel-first-child panel-
   last-child” id=”panel-1-0-0″>
 * I’ve attempted some CSS below but without having any luck in getting it to work.
   However, I can’t get the class notation to target all of “panel widget widget_black-
   studio-tinymce panel-first-child panel-last-child” due to the spaces.
 * Any suggestions?
 * .panel #panel-1-0-0
    { border-style:solid; border-width:5px; Border-color: black;
 * }
 *  Plugin Author [Greg – SiteOrigin](https://wordpress.org/support/users/gpriday/)
 * (@gpriday)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/visual-style/#post-4078779)
 * I’d love for other themes to support visal styles, but a theme needs to explicitly
   support them. Page builder needs to know what row styles the theme has made available
   to it.
 * For your CSS to work you just need to remove .panel
 *  Thread Starter [mm3kix](https://wordpress.org/support/users/mm3kix/)
 * (@mm3kix)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/visual-style/#post-4078785)
 * Ah I see! Sorry Greg, I got the wrong end of the stick regarding the visual styles.
   Is that something a user could create a targeted code for once discovering which
   rows the theme has designed.
 * Thanks for the advice, I’ll go and instigate it and see what happens.
 *  [stanjohn123](https://wordpress.org/support/users/stanjohn123/)
 * (@stanjohn123)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/visual-style/#post-4078978)
 * I think this post should be marked as resolved. Helped me put borders between
   my rows.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Visual style’ is closed to new replies.

 * ![](https://ps.w.org/siteorigin-panels/assets/icon.svg?rev=2556869)
 * [Page Builder by SiteOrigin](https://wordpress.org/plugins/siteorigin-panels/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/siteorigin-panels/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/siteorigin-panels/)
 * [Active Topics](https://wordpress.org/support/plugin/siteorigin-panels/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/siteorigin-panels/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/siteorigin-panels/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 7 replies
 * 3 participants
 * Last reply from: [stanjohn123](https://wordpress.org/support/users/stanjohn123/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/visual-style/#post-4078978)
 * Status: not resolved