different theme colors for posts & pages
-
I want to be able to use a black background for ‘posts’ and a light background for ‘pages’–to make denser text chunks more readable. everything else would stay the same. I’m experimenting with Oulipo which has both a light and a dark theme option…would a CSS upgrade allow me to assign dark for posts and light for pages? many thanks
The blog I need help with is: (visible only to logged in users)
-
The CSS upgrade is only recommended to those who have at least a moderate understanding of HTML and CSS and how they work together. WordPress.com gas provided a “preview” function here > Appearance > Edit CSS and when you use it it will only display to you and not to your visitors. This “preview” has been provided so your can try before you buy.
http://en.support.wordpress.com/custom-css/ -
Thanks, I did read those pages and I guess my question is–before I undertake to expand my limited understanding of html & Css–would it even be possible to have dark posts and light pages on the same blog? no point in putting in a lot more work only to discover the idea is not do-able.
or am I better off having two blogs… say one with oulipo dark on which I post and the other oulipo light on which I do pages then link between them?
thanks
-
There are just two Volunteers who will help with CSS so you will have to be patient while waiting. Because you will be expected to do the work yourself if you do purchased the CSS upgrade I suggested that you use the “preview” function and discover whether or not you can achieve what you want.
-
-
I looked at your blog, it looks like you are using Chaotic Soul for your theme right now. I looked for some examples of someone using Oulipo “in the wild” but haven’t found a good example to work with yet. But, based on what I did find, it seems like if you use your home page for posts, the page’s body tag has class=”home” (plus other classes), pages have class=”page” (plus other classes) and an individual post has class=”single” (plus other classes). I think you could override/extend these classes, and define particular looks for these different types of pages. But, you could end up with a very complicated stylesheet, with two different rules for each type of element. If you are new to CSS, you’ll have your work cut out for you.
-
@cvanhasselt, you are right. In the CSS you can override not only by general types (home, page, single) but along with the static page IDs you can even override by specific pages (about, resources, etc.). It does of course it can end up ballooning the CSS file size depending on how unique each page design becomes.
It as you suggest is a little more involved and sometimes confusing when you start defining CSS for specific page types and such, but not that bad once you get into it.
From a web and graphic designer’s view, I’ll offer that it is not a good idea to have too much visual design difference between different pages on a site. It can end up confusing the visitor and they can even end up thinking they were redirected to an entirely different site. In general they are expecting to see a consistency in the site design from page to page.
-
I also believe readers do expect a consistency theme throughout any site, and in the case of visually challenged people what’s being proposed could be a turn-off that results in a click out..
-
NARG! snarls the visually challenged lady, who just saw “consistency” where she thought she typed “consistent”.
-
@sacredpath, agreed…just because you CAN do something doesn’t mean you SHOULD. Then again, fashions change…maybe confusion is the new black? :-)
-
@cvanhasselt from your (very helpful) comments it sounds like I might be able to override either ‘just’ the page or post classes. I was hoping that I could do that by ‘just’ copying Oulipo’s style sheet, say her light theme option for pages, that’s why oulipo. (btw, I’ve changed ‘my experimental blog’ from chaotic soul back to Oulipo–sorry about that, forgot that I was trying out ‘soul’ one last time.) I feel like those ‘justs’ might be hugely complicated.
I want to change only one element–background color for pages and posts (and consequent font color reversals). all pages same color. all posts same color. and everything else the same for both.
It sounds like I’d have to spend at least a few weeks getting up to speed just to try it out on preview, that’s why I’m bugging y’all –to make sure it’s not an obvious dead end or requiring months not weeks of reading up.
many, many thanks.
- The topic ‘different theme colors for posts & pages’ is closed to new replies.
WordPress.com Forums 