Default Formatting For Embedded Serendipity?

eriditorum · Post by **eriditorum** » Sat Jan 14, 2006 8:23 pm

I'm sure this is going to be an easy question for someone...

How do you go about changing the default formatting when Serendipity is embedded? I created wrapper with the HTML code I want and embedded Serendipity. It works great, but the default Serendipity font style/size for new content entries and the calendar looks horrible. Since I am not using a template with a CSS file, I am at a bit of a loss where I need to make the formatting changes. Can somone please help me out and provide some instruction steps? TIA.

judebert · Post by **judebert** » Sat Jan 14, 2006 8:48 pm

Unless I'm mistaken, and I often am

, Serendipity will still apply themes, even when it's embedded. Figure out what directory your theme is, then make or edit the style.css file in that directory. You can figure out what classes and IDs Serendipity uses by viewing the source.

There's also a [url=http://s9y.org/122.html]commented stylesheet[/ur] that provides lots of great information for Serendipity themers, courtesy of Carl Galloway.

eriditorum · Post by **eriditorum** » Sun Jan 15, 2006 2:03 am

Thanks Judebert. Your comments got me moving in the right direction.

After doing a bit more reading, and some testing, I was able to arrive at the following conclusion: Seems to me that when you embed Serendipity, a css file is no longer used to control the formatting. Rather, the individual *.tpl files in /templates/default/ control the formatting. Now I am still in the process of attempting to educate myself on how the *.tpl file make use of Smarty template codes. I have not quite solved my formatting woes, but at least I can manipulate things now. Thanks.

Post by **garvinhicking** » Sun Jan 15, 2006 7:37 pm

I would simply suggest you to make your "embedded HTML" (that HTML that is NOT coming from serendipity) use a Stylesheet. In that stylesheet, apply the CSS rules you want for your serendipity to show up prettily. You could copy+paste the default 'Style.css' code into your own Stylesheet, for starters.

Regards,
Garvin

eriditorum · Post by **eriditorum** » Mon Jan 16, 2006 9:11 pm

Thanks Garvin. I know you're a busy guy being a core developer- so I appreciate your time to post an answer. Cheers.