Page 1 of 1

showtime - change width of the comments area

Posted: Sun Nov 04, 2012 11:00 pm
by stevegos
Hi

using latest versions of both CMSMS 1.11.2.1 and Showtime 3.2.

I am displaying the photo title and comments overlayed on the left hand side of the photo and wish to change the width of the panel used to display the above info.

I'd also like to change the padding around the title and comments.

Any idea how to modify this?

I found a css file but it appears to be dynamically created.

All help greatly appreciated.

Re: showtime - change width of the comments area

Posted: Tue Nov 06, 2012 10:34 pm
by gocreative
I'm not sure if this is the intended method of making changes, but this is what I've done in the past:

1. Copy the contents of the generated CSS file (e.g. /modules/Showtime/templates/css/Show_1.css).

2. Create a new stylesheet in CMSMS called "Showtime" (or whatever you like). Make sure its media type is set to "Screen". Do not attach it to any templates.

3. In your template file, manually call your CSS file AFTER the Showtime module call. Example:

Code: Select all

{Showtime show='1'}
{cms_stylesheet name='Showtime'}
This ensures your stylesheet will override the values in the dynamically generated stylesheet.

4. Customise your stylesheet to your liking. I'd also suggest removing any unnecssary styles. For example, only include the styles you want to override.