WordPress.org

Forums

proper syntax for using page_id (3 posts)

  1. Jason Wall
    Member
    Posted 1 year ago #

    I have a child theme installed and a custom css file that I am using to make all of my edits. Currently I am trying to reference a certain page... page#825-2, it is a page not a post. I am trying to remove a boarder and a background color for an image on that page only. By default the theme that I am using puts a boarder and a background color within that boarder to surround all images. So far the code that I have is:

    .entry img {
    	padding: 0px;
    	border: 0px solid #e6e6e6;
    	background:#ffffff;
    }

    this code works but it applies itself to the site as a whole. I only want to apply to a certain page. What would the proper syntax be for this?

  2. OriginalEXE
    Member
    Posted 1 year ago #

    Hi, this is the correct syntax:

    .page-id-PAGEID .entry img {
    	padding: 0px;
    	border: 0px solid #e6e6e6;
    	background:#ffffff;
    }

    Assuming that your page id is 825 (you can find page id in the browser url bar, when editing that page), you would use this:

    .page-id-825 .entry img {
    	padding: 0px;
    	border: 0px solid #e6e6e6;
    	background:#ffffff;
    }
  3. Jason Wall
    Member
    Posted 1 year ago #

    @originalEXE Thanks for the reply. The page id within the box when I am editing the page within WordPress is 825-2. Very confusing, I would think there would be a 825-1 or 825-3. I dropped the -2 from 825-2 to 825 as shown in your code. If I used:

    .page-id-825-2 .entry img {
    	padding: 0px;
    	border: 0px solid #e6e6e6;
    	background:#ffffff;
    }

    it would not work. But with:

    .page-id-825 .entry img {
    	padding: 0px;
    	border: 0px solid #e6e6e6;
    	background:#ffffff;
    }

    It works. Odd. Thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.