How do I edit html/css of a specific page?

Question

I'd like to edit the link properties of a specific page so they direct elsewhere than what I specified in the social settings menu, which works globally. So, as it is now the links inherit their properties and theres no way in the cms to change this for every page. Is there a way to add it in the css? I'm not sure how to format it correctly. Here's the hmtl:

The page id: body.page-id-85

The HTML:

<div class="wrapper">
    <div class="thb-social-home">
        <a title="Facebook" href="https://www.facebook.com/">
           <span class="thb-social-icon">2</span>
        </a>
        <a title="YouTube" href="http://www.youtube.com/">
           <span class="thb-social-icon">5</span>
        </a>
    </div>
</div>

Thanks!!

You will probably have to create a custom page-template to be used for that specific page. Maybe this will help: codex.wordpress.org/Page_Templates — I am Cavic
– I am Cavic, Commented Dec 18, 2013 at 4:09

Mimo · Accepted Answer · 2013-12-18 04:10:12Z

1

You can use body.page-id-85 as base selector for this page:

#body.page-id-85 .wrapper {
  /* wrapper specific rules*/
}

#body.page-id-85 .thb-social-home {
  /* thb-social-home rules */
}

answered Dec 18, 2013 at 4:10

Mimo

6,0957 gold badges38 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

I am Cavic Over a year ago

This is amazing if this is possible I didn't know this :)

user3108955 Over a year ago

If it's not to much bother... how would I style the CSS? Basically how would I translate the HTML above? Thanks!!

Mimo Over a year ago

sorry I don't quite understand what you mean.

Collectives™ on Stack Overflow

How do I edit html/css of a specific page?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related