Please help basic coding stuff

  • I’m busy learning CSS and html as I go.

    I want to know from some of you experienced coders, how to edit the CSS of a single page, or single element, without using a css plugin.

    I would like to edit it in the stylessheet in my childtheme, so when I update any theme or plugin, the changes remain.

    For example I want to edit some elements like header, sizes, colors of *this page:
    ( https://peopleofthesouth.co.za/bypass (bypass coming soon mode)

    *https://peopleofthesouth.co.za/valleyfamilyforum/

    But instead of doing it in the page or template css,
    I want to insert a code into the child themes css file linking to the specific element and page.

    I’m aware of firebug and am using that to inspect elements, but I want to know how can I link to a certain page’s element (what is the syntax) in the CSS? I know its possible.

    Please help this aspiring young coder ??

Viewing 1 replies (of 1 total)

  • If you are using firebug, look to the top element and it will be something like page-id-35

    You can target that individual page with css beginning like that. So if you wanted to target the header on that page, your CSS would look something like this:

    .page-id-35 .header {
  background-color: #ffffff;
  width: 100%;
}

    If you want to target that specific element on all pages, then just remove the .page-id-35

Viewing 1 replies (of 1 total)
  • The topic ‘Please help basic coding stuff’ is closed to new replies.