CSS for specific mobile page

  • ianmurray94

    (@ianmurray94)


    8 years, 10 months ago

    m trying to change the back ground for a specific post on a mobile wordpress page.
    This is the CSS for every page I just want to change one

    @media screen and (max-width: 940px)
#page {
max-width: 768px;
width: 100%;
 margin: 0 auto;
  background: #007A52;
box-shadow: 0 0 10px #999;
}

    I know page id is used but im not sure how?
    Web url is http://www.thedoughbros.ie/menu/

Viewing 1 replies (of 1 total)
  • bemdesign

    (@bemdesign)

    8 years, 10 months ago

    Using a browser’s developer tools, looking at the source code shows that the <body> tag has various class names – including this one ‘page-id-806’.

    Making sure to use a custom CSS plugin or a child theme to make sure any site updates don’t wipe out your changes, you can add the following CSS code to target *just that page*.

    .page-id-806 #page{
/*Your custom styling here*/
}

Viewing 1 replies (of 1 total)
  • The topic ‘CSS for specific mobile page’ is closed to new replies.