Applying a css command only relevant to a certain page

Hi all

I was looking for a pointer in the right direction of getting a bit of code to work only on one particular page.

body.classifieds.cf-image {

position: absolute; }

This doesnt work but what I am trying to achieve is to get .cf-image to be absolute only on the classified page.

I do not want .cf-image to be absolute on any other pages such as when a member clicks on the ad.

Is it possible to get the css to apply to the classifieds page only?

Kind regards

Mark

Wed, 1 May 2013 10:24:20

Vaughan
- Ex Staff
- 3,412 pts: Hero points 23,618 pts: Rep. points LEVEL 30
hiya

thanks for posting.

you would most likely need to edit the header.php template in your theme for this to work.

the idea is you require a bit of code to grab the page id/slug.

then you put a condition round the body element in the template

inside the loop it’s easy. outside, it varies depending on if you’re on an archive page or a signle page.

you could try in header.php
```
$page_object = get_queried_object();

$page_id     = get_queried_object_id();

if ($page_id == 53) {

<body class="classifieds">

}
```
you’ll need to know the post id for the classifieds page, so goto Dashboard > pages > then hover over the edit link for the Classifieds page. you’ll see the postID in the url like wp-admin/post.php?post=53&action=edit

so in my case, the classifieds page has an id of 53. change the above code to match yours.

then you can use in your CSS

body.classifieds .cf-image {

position: absolute;

}

because you’ve made it conditional on the body tag, only the page where the body has the class set will trigger that CSS value.

hope this helps.

thanks
mark_bonito
- Site Builder, Child of Zeus
- 53 pts: Hero points 177 pts: Rep. points LEVEL 4
Thanks for your reply Vaughan.

I think I might wait for my reply on a previous thread as it looks like there is a clash with my theme and the classified plugin.

It throws the image-cf out on the listing page and if I correct it with absolute it throws it out on the main item listing page.

I will bump the thread and see if anyone has an idea of whats going wrong.

Kind regards

Mark

Need help fast?

Ready to get started?

How do you rate me?

Thank you for rating your experience!