Styling jQuery dialog box (and the gallery in particular)
Posted by Simon Goodchild at May 13th, 2012
So jQuery dialog box isn’t particularly colourful out of the box, and will need some “jazzing up”!
The easiest way is via the WP Symposium->Styles->CSS section where you can copy and paste CSS, and it stays there when WP Symposium is upgraded.

Copy and paste the following, for a particularly drug-induced colour scheme, and then change it rapidly to match your website colour scheme!!
/* jQuery dialog box... */
.ui-dialog, .ui-dialog-content {
border:10px solid red;
background-color: pink !important;
color: red;
}
.ui-dialog-titlebar {
background-image: none;
background-color: blue;
}
#ui-dialog-title-dialog {
color: yellow !important;
text-shadow: none;
}
/* Gallery specific... */
#symposium_photo_frame {
background-color: orange;
border: 5px solid yellow;
}
.symposium_photo_thumbnail_border_off {
border: 2px solid #0ff;
}
.symposium_photo_thumbnail_border_on {
border: 2px solid #f0f;
}
#symposium_photo_comments {
color: #39f;
text-shadow: none;
}
Category: Tutorials




Saving...
Leave a Reply