[p2pu-dev] help with blog design

Jessica Ledbetter jessica at jessicaledbetter.com
Wed May 18 20:54:58 UTC 2011 

I do Wordpress theming but haven't looked at the Platform theme. I can
get it going locally though it'd have to wait till after I finish up
my tickets with Lernanta. ;)

It looks like on the (new) P2PU site that the splash page has a
different font than the body text on the underlying pages. I'm
guessing you want to look like our text-y pages.

I looked at the style.css and they do say it gets overwritten. Where'd
the "dynamic-css" come from? Is that generated by an external tool or
Platform? I noticed Tahoma in there too for headings.

Again, not knowing how they prefer you to do it (I'm guessing not
through style.css because of the warning), then you can put in the
header after the other css but before the javascript. Maybe after
<body <?php body_class( pagelines_body_classes() ); ?>> ?

This is assuming just the headings in Arvo. If you want more, then
scroll down for that.
"Just make the headlines Arvo" version:

<link rel="stylesheet" type="text/css"
href="http://fonts.googleapis.com/css?family=Arvo">
    <style>
      h2.entry-title {
        font-family: 'Arvo', serif;
        font-size: 48px;
      }
    </style>

"Make Arvo as headline and body text" version:

<link rel="stylesheet" type="text/css"
href="http://fonts.googleapis.com/css?family=Arvo">
    <style>
      body, h2.entry-title {
        font-family: 'Arvo', serif;
      }
</style>

Just "body" should have worked, but specificity to the rescue here.

Also, I only tested this by saving the html locally and tinkering with
that in a text editor. But maybe however you put in dynamic-css would
work or editing the header? Or make a child theme?


2011/5/18 João Antonio de Menezes Neto <tonyhomes at gmail.com>
>
> That makes sense. Bad, bad overring PHP! haha
>
> 2011/5/18 Pippa Buchanan <Pippa.Buchanan at gmail.com>
>>
>> >From what I could see on my localhost version of Woredpress Platform is producing text styles using PHP (from the theme settings) which are probably overriding any css changes you're making. Otherwise you'd be on the right track.
>>
>> P*
>>
>> 2011/5/18 João Antonio de Menezes Neto <tonyhomes at gmail.com>
>>>
>>> Ah, and having changed the background color, we should also change text color from #000 to #333
>>>
>>> Em 18 de maio de 2011 14:32, João Antonio de Menezes Neto <tonyhomes at gmail.com> escreveu:
>>>>
>>>> You should apply this code:
>>>> <link href='http://fonts.googleapis.com/css?family=Arvo:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
>>>> To the header.php file
>>>> Then, you can change the CSS to:
>>>>
>>>>  font-family: "Arvo"
>>>>
>>>> 2011/5/18 Philipp Schmidt <philipp at p2pu.org>
>>>>>
>>>>> Grey background is working!
>>>>> Font not yet. I added this as custom HTML code, which seems to be parsed (as it changes the header font at the end of loading the page). However, it doesn't change it to Aryo ... I don't really know what I am doing here, and giving me code snippets I can copy/paste has the highest chance of success ;-)
>>>>> <style type=text/css>
>>>>> h1, h2, h3, h4, h5, h6, .site-title {
>>>>>   font-family: 'Arvo';
>>>>>   font-style: normal;
>>>>>   font-weight: bold;
>>>>>   src: local('Arvo Bold'), local('Arvo-Bold'), url('http://themes.googleusercontent.com/fontkit=_OKjjqM9ed2qvTR07QdjWwLUuEpTyoUstqEm5AMlJo4') format('woff');
>>>>> }
>>>>> </style>
>>>>> 2011/5/18 João Antonio de Menezes Neto <tonyhomes at gmail.com>
>>>>>>
>>>>>> Hello there,
>>>>>> Wordpress's got a theme editing option on which you can change its PHP or CSS files (not sure if Platform allows that, but I guess it does).
>>>>>> You can make the references to @font-face there, using the Google fonts directory that's already used today on our home page.
>>>>>> Using Firebug I saw this class:
>>>>>> h1, h2, h3, h4, h5, h6, .site-title {
>>>>>>     font-family: Georgia,'Times New Roman',Times,serif;
>>>>>> }
>>>>>> ... which I guess changes the headings
>>>>>> and this one:
>>>>>> body, .font1, .font-primary, .commentlist, input {
>>>>>>     font-family: Georgia,'Times New Roman',Times,serif;
>>>>>> }
>>>>>> ... that changes body text.
>>>>>> I also found a commom
>>>>>> background-color:#000;
>>>>>> ... which is supposed to change the 'black' I commented. Try to change it to #333 to see if it works.
>>>>>>
>>>>>> Cheers,
>>>>>> João
>>>>>> 2011/5/18 Pippa Buchanan <Pippa.Buchanan at gmail.com>
>>>>>>>
>>>>>>> Ah. all the custom features on Platform make it hard to automatically add references to Arvo-
>>>>>>>
>>>>>>> We can set it up using Typekit? That seems like it's another service we'd have to sign-up for and it's limited to 25,000 views a month.
>>>>>>>
>>>>>>> P*
>>>>>>>
>>>>>>> On 18 May 2011 09:33, Philipp Schmidt <phi.schmidt at gmail.com> wrote:
>>>>>>>>
>>>>>>>> hey joao: could you send me the diff/edit that I need to make to the stylesheet?
>>>>>>>> the other change I would like to make (and don't know how) is use the same font that we use on the site. any help with that would be appreciated.
>>>>>>>> P
>>>>>>>>
>>>>>>>> 2011/5/17 João Antonio de Menezes Neto <tonyhomes at gmail.com>
>>>>>>>>>
>>>>>>>>> that's a very very good theme. i'd just add to change to a light gray the background of the footer, as we haven't used black in any of p2pu's brand identity materials :)
>>>>>>>>>
>>>>>>>>> 2011/5/17 Jessy Kate Schingler <jessy at jessykate.com>
>>>>>>>>>>
>>>>>>>>>> yeah, i actually think it looks pretty damn good.
>>>>>>>>>> i'm useless with design, so couldn't help improve it... but not sure it needs it so badly?
>>>>>>>>>>
>>>>>>>>>> Jessy
>>>>>>>>>> --
>>>>>>>>>> http://jessykate.com
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> On Tue, May 17, 2011 at 4:18 PM, John Britton <public at johndbritton.com> wrote:
>>>>>>>>>>>
>>>>>>>>>>> this new theme looks a lot better, good work!
>>>>>>>>>>> --
>>>>>>>>>>> contact info:
>>>>>>>>>>> http://www.johndbritton.com
>>>>>>>>>>> @johndbritton - http://twitter.com/johndbritton
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> On Mon, May 16, 2011 at 6:32 AM, Philipp Schmidt <phi.schmidt at gmail.com> wrote:
>>>>>>>>>>>>
>>>>>>>>>>>> Thanks! P
>>>>>>>>>>>>
>>>>>>>>>>>> On 16 May 2011 10:19, Stian Håklev <shaklev at gmail.com> wrote:
>>>>>>>>>>>>>
>>>>>>>>>>>>> OK, changed it. It was in the theme settings (that's a very fancy theme, with tons of settings!)
>>>>>>>>>>>>> Stian
>>>>>>>>>>>>>
>>>>>>>>>>>>> On Mon, May 16, 2011 at 18:13, Philipp Schmidt <philipp at p2pu.org> wrote:
>>>>>>>>>>>>>>
>>>>>>>>>>>>>>
>>>>>>>>>>>>>> On 16 May 2011 10:06, Stian Håklev <shaklev at gmail.com> wrote:
>>>>>>>>>>>>>>>
>>>>>>>>>>>>>>> Looks great! I personally hate blogs which only show short abstracts with "click to read more", but I know lots of people prefer them so ;)
>>>>>>>>>>>>>>
>>>>>>>>>>>>>> I prefer the full text as well - couldn't find the option to toggle that, and it came like this by default. P
>>>>>>>>>>>>>>
>>>>>>>>>>>>>> _______________________________________________
>>>>>>>>>>>>>> p2pu-dev mailing list
>>>>>>>>>>>>>> p2pu-dev at lists.p2pu.org
>>>>>>>>>>>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>> --
>>>>>>>>>>>>> http://reganmian.net/blog -- Random Stuff that Matters
>>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>> _______________________________________________
>>>>>>>>>>>>> p2pu-dev mailing list
>>>>>>>>>>>>> p2pu-dev at lists.p2pu.org
>>>>>>>>>>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>> _______________________________________________
>>>>>>>>>>>> p2pu-dev mailing list
>>>>>>>>>>>> p2pu-dev at lists.p2pu.org
>>>>>>>>>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> _______________________________________________
>>>>>>>>>>> p2pu-dev mailing list
>>>>>>>>>>> p2pu-dev at lists.p2pu.org
>>>>>>>>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> _______________________________________________
>>>>>>>>>> p2pu-dev mailing list
>>>>>>>>>> p2pu-dev at lists.p2pu.org
>>>>>>>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> _______________________________________________
>>>>>>>>> p2pu-dev mailing list
>>>>>>>>> p2pu-dev at lists.p2pu.org
>>>>>>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> _______________________________________________
>>>>>>>> p2pu-dev mailing list
>>>>>>>> p2pu-dev at lists.p2pu.org
>>>>>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> _______________________________________________
>>>>>>> p2pu-dev mailing list
>>>>>>> p2pu-dev at lists.p2pu.org
>>>>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>>>>>
>>>>>>
>>>>>>
>>>>>> _______________________________________________
>>>>>> p2pu-dev mailing list
>>>>>> p2pu-dev at lists.p2pu.org
>>>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>>>>
>>>>>
>>>>>
>>>>> _______________________________________________
>>>>> p2pu-dev mailing list
>>>>> p2pu-dev at lists.p2pu.org
>>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>>>
>>>>
>>>
>>>
>>> _______________________________________________
>>> p2pu-dev mailing list
>>> p2pu-dev at lists.p2pu.org
>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>>
>>
>>
>> _______________________________________________
>> p2pu-dev mailing list
>> p2pu-dev at lists.p2pu.org
>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>>
>
>
> _______________________________________________
> p2pu-dev mailing list
> p2pu-dev at lists.p2pu.org
> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
>



--
Jessica Ledbetter
http://jessicaledbetter.com

More information about the p2pu-dev mailing list