Page-specific CSS elements

  • OC2PS

    (@sooskriszta)


    13 years, 2 months ago

    I am using a standard WP theme (Weaver). It is a customizable theme which I have customized from the Theme Admin.

    So far I love the theme.

    There is one page, though, where I want a particular element to be styled differently compared to other pages. How can I specify page-specific CSS?

Viewing 8 replies - 1 through 8 (of 8 total)

  • Weaver has many page templates, when creating a page, select a different page template or you can create your own and use that.

    Thread Starter OC2PS

    (@sooskriszta)

    I don’t really want to change the template…just to change the CSS for one lousy little element. Is there an easy way of doing that?

    Site link and exactly what do you wnat to change?

    Thread Starter OC2PS

    (@sooskriszta)

    The site is not launched/public yet, so unable to share link here yet.

    I have a custom menu on top of page, and on one page I want to change the background of one of the menu items.

    Shailesh

    (@shaileshsavaliya)

    I think you have to use condition for this……..

    //Get id of current page
<?php
$var = get_the_ID();
if($var == "Your page id")
{
?>
    your style here......
<?php
}
?>
    Thread Starter OC2PS

    (@sooskriszta)

    Where would I need to put this code?

    Shailesh

    (@shaileshsavaliya)

    You have to put this code in your template file.

    Thread Starter OC2PS

    (@sooskriszta)

    Site is https://www.csillamvilag.com

    All I needed to do was create a custom variable page-head-code and on the pages that I wanted things differently, put the CSS as values of this variable.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Page-specific CSS elements’ is closed to new replies.