Custom body background colours and Semantic Body question

WP Framework Forums » Troubleshooting

Custom body background colours and Semantic Body question

(9 posts) (4 voices)

Tags:

browser class body php

undesignuk
Member

Hi,

I was going to paste some code from an earlier site that asks for custom colours to be applied to the background of the body element of the page. It uses a custom body class but in wp-framework there is already a custom body class applied "Semantic-Body

it uses the following conditional statement

<?php if (is_page()){ ?> <body class="<?php the_title(); ?>"> <?php }else{?> <body> <?php } ?>

And this in the CSS as an example

body { background: #a7a991; }
body.Archive {background:#3a7281}

I am not sure replacing the body class="<?php semantic_body(); ?> is a good idea so how do I combine them together?

Any help on this would be, well, a real help

Mike

Posted 1 year ago #
Ptah Dunbar
Framework Overlord

wait, why are you using the_title(); as a css class?

Semantic body has a css class for .archive. It also has the post ID so you can target any post just by using the ID.

Posted 1 year ago #
undesignuk
Member

Thanks,

It was an old hack from an old site, pasted from a wordpress forum some time ago.

I am not exactly sure how to target a background color to a specific page as you say. Would it be possible to post an example.

Posted 1 year ago #
Ptah Dunbar
Framework Overlord

Sure. Just check out any WP Framework based theme, like wpframework.com:

Homepage:
home blog wpframework y2009 m07 d31 h03 lang-en blog-id-1 osx firefox ff3

Single Page:
single postid-354 wpframework singular y2009 m07 d31 h03 s-y2009 s-m07 s-d09 s-h04 s-category-updates s-author-ptahdunbar lang-en blog-id-1 osx firefox ff3

Posted 1 year ago #
undesignuk
Member

Thanks for your reply,

Sorry I may sound dim here.

I can see that its the path to a particular page but how do I target it, do I create a css style like this

single postid-354 wpframework singular y2009 m07 d31 h03 s-y2009 s-m07 s-d09 s-h04 s-category-updates s-author-ptahdunbar lang-en blog-id-1 osx firefox ff3 {background:#fff;}
I am not used to using semantic markup currently. I apologise

Posted 1 year ago #
Ptah Dunbar
Framework Overlord

Ah. There's the problem. You don't have a solid understanding of CSS my friend.

To target any of those particular styles, simple write them like this:
.single { background:#fff; }

Target multiple classes like so:
.single, .arhcive, .osx { background:#fff; }

Read up on CSS here: http://www.w3schools.com/Css/default.asp

Posted 1 year ago #
undesignuk
Member

Hi there,

Thanks for that, its not my understanding of CSS I think, but what to target in wordpress and I am still not too familiar with the workings of wp-framework as I have only just started using it.

I will experiment with those suggestions and see if I can target an individual page.

Posted 1 year ago #
bwl
Member

No it is super simple css, you need to see it for what it is.

body class="<?php semantic_body(); ?> is brilliant because it gives your body tag myriad classes to style against.

If you just want to reproduce your old hack then use this css;

body.postid-354 {
background-color:pink;
}

Obviously substituting the postid-xxx for the post you want to get at.

Best,
Ben

Posted 1 year ago #
Covi
Member

Dunbar, about this funcionality and User Agent, you can be interested in this simple but
useful class:
Browser class (php)

Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.