Go to main content

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: 573
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: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

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: 9,007
Website GitHub Mastodon Twitter

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 | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

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

gavnosis
Member
From: Milton Keynes, UK
Registered: 2005-03-12
Posts: 151
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: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

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: 151
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: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

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: 151
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: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

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: 573
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

#11 2014-03-18 20:29:34

philwareham
Core designer
From: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

Re: modify default textpattern style sheet ?

Sorry, I can’t teach you CSS, but let me know what you want to achieve and I’ll try to help.

Offline

#12 2014-03-18 21:18:36

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

Re: modify default textpattern style sheet ?

I have a book on CSS and another on CSS3 if I need to learn something. I retire in a few months and I might then have time to do more than skim through them.

I just need to figure out what the parts of the textpattern style sheet is doing. Some of it is obvious. Some bits are about the comments, some about the main body of text.

I did look at an earlier textpattern site I built and was able to move the left column closer to the left edge of my pages on my other site I was having problems with in the past.

I’ve been unable to figure out what part of the css moves the right column edge over. I made changes in what I thought would do it, but it had no effect.

I do refresh to make sure the css loads and I made sure I am using the copy I made is being used in the Presentation/section/default.

Here is the site, Crest of a Star

Edit: no site navigation on this one yet.

Last edited by JimJoe (2014-03-18 21:21:24)

Offline

Board footer

Powered by FluxBB