Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2014-03-17 20:27:07

JimJoe
Member
From: United States
Registered: 2010-01-30
Posts: 444
Website

modify default textpattern style sheet ?

I would like to alter the default css on one of my web sites.

I did a search of the manual and docs on the textpattern.com web site.

Where can I find info on the style sheet ?

Thanks !

Offline

#2 2014-03-18 09:21:59

philwareham
Core designer
From: Farnham, Surrey, UK
Registered: 2009-06-11
Posts: 2,808
Website

Re: modify default textpattern style sheet ?

You can find info within the stylesheet itself, it’s pretty well commented with details about what various rules do.

Offline

#3 2014-03-18 10:08:18

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 6,226
Website

Re: modify default textpattern style sheet ?

If you use firefox you could use Web developer tools which provide you with a WYSIWYG editor which might be of help.


Yiannis
——————————
neme.org | hblack.net | LABS | NeMe @ github

Offline

#4 2014-03-18 11:48:36

gavnosis
Member
From: Milton Keynes, UK
Registered: 2005-03-12
Posts: 116
Website

Re: modify default textpattern style sheet ?

Following on from this… to alter the default stylesheet behind_the_scenes

I’ve been and gone and looked at Sass (tried out Foundation 5 with Compass), and am now looking back at the Textpattern Sass partials on github

_base.scss, _helpers.scss, _print.scss, _settings.scss, _code-prettify.scss, _cookie-disclaimer.scss, _flickr.scss, _old-browser.scss, _responsiveslides.scss, _buttons.scss, _comments.scss, _embedded-content.scss, _forms.scss, _internationalisation.scss, _layout.scss, _links.scss, _lists.scss, _responsive.scss, _tables.scss, _typography.scss

In Foundation, I don’t need to worry about all the pre-defined styles as I can just override them with a files in the scss folder

_overrides.scss

When I instruct Compass to watch my web site, it automatically updates the changes into app.css
Is there a way to easily do this with the txp partials? More importantly should I do this?

There’s obviously a lot of work gone into the default style; it’s responsive, all new fangled and lovely (Thank you Phil …I’m still looking for a fast and easy way to specify gradients, fonts and colo(u)rs

Thank you

Offline

#5 2014-03-18 12:42:36

philwareham
Core designer
From: Farnham, Surrey, UK
Registered: 2009-06-11
Posts: 2,808
Website

Re: modify default textpattern style sheet ?

gavnosis wrote #279802:

I’m still looking for a fast and easy way to specify gradients, fonts and colo(u)rs

Sure you can, the _setting.scss file contains variables to easily change global parameters before you compile the Sass, see here. Just amend those values directly in that file then Compass compile it.

I may implement an _override.scss file at some point, but I want to avoid an extra CSS file in the core. That is a distinction between a theme and a framework.

Offline

#6 2014-03-18 12:45:08

gavnosis
Member
From: Milton Keynes, UK
Registered: 2005-03-12
Posts: 116
Website

Re: modify default textpattern style sheet ?

See, I knew you’d know! Thank you Phil :-)

Offline

#7 2014-03-18 12:51:12

philwareham
Core designer
From: Farnham, Surrey, UK
Registered: 2009-06-11
Posts: 2,808
Website

Re: modify default textpattern style sheet ?

No worries. Just note that the theme on GitHub is the one for Textpattern 4.5.7 (currently unreleased) and 4.6 onwards – it’s not the same one that shipped with 4.5 – 4.5.5. It works fine on any 4.5.x release though, of course (and it’s much better all-round).

Offline

#8 2014-03-18 15:52:00

gavnosis
Member
From: Milton Keynes, UK
Registered: 2005-03-12
Posts: 116
Website

Re: modify default textpattern style sheet ?

Just a heads up: line 40 of _forms.scss reports there’s an undefined mixin

@include input-placeholder {

Offline

#9 2014-03-18 16:42:31

philwareham
Core designer
From: Farnham, Surrey, UK
Registered: 2009-06-11
Posts: 2,808
Website

Re: modify default textpattern style sheet ?

gavnosis wrote #279812:

Just a heads up: line 40 of _forms.scss reports there’s an undefined mixin

That mixin was introduced as part of Compass 0.13 (which is in alpha at the moment).

The project requires Compass 0.13alpha4

Offline

#10 2014-03-18 19:58:56

JimJoe
Member
From: United States
Registered: 2010-01-30
Posts: 444
Website

Re: modify default textpattern style sheet ?

Well… I’ve read the stylesheet, but changes I made didn’t do what I thought they would. So I need more explination of what does what.

Offline

Board footer

Powered by FluxBB