WordPress.org

Support

Support » Themes and Templates » [Resolved] Styling a Custom Page with CSS on Twenty Twelve

[Resolved] Styling a Custom Page with CSS on Twenty Twelve

  • Hiya,

    A bit despearate here,

    I am doing a custom page that pulls only a type of posts that I call “artist” (music site).

    Problem is that I want to alter the standard way the excerpts are displayed but I can’t figure out how the CSS is called so when I view the source on the generated page something like this appears in the content area for each post:

    [please use backticks or the ‘code’ button for posting code – http://codex.wordpress.org/Forum_Welcome#Posting_Code – the code below is partially broken]

    <article id="post-23" class="post-23 artists type-artists status-publish hentry">
    				<header class="entry-header">
    			<img width="300" height="211" src="http://POSTURL/wp-content/uploads/2013/02/uk-0721-266627-front-e1361465109586.jpg" class="attachment-post-thumbnail wp-post-image" alt="uk-0721-266627-front" />						<h1 class="entry-title">
    				<a href="http://POSTURL/" title="Permalink to ARTIST 1" rel="bookmark">ARTIST1</a>
    			</h1>
    
    								</div><!-- .entry-content -->

    Which is fine, but when I try to alter the CSS doesn’t work or if I call a different CSS using a snippet in the header for this page only doesn’t work either.. It simply doesn’t obbey the custom CSS I write.

    The template page is based on the default page template that comes with the theme but it doesn’t contain any CSS tags.

    Does anyone know how can I go about changing the css or using my own CSS tags?

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    Use a Custom CSS Manager plugin to hold your own CSS modifications.

    Thanks Andrew,

    I tried the plugin in and it is really good, problem is, it only overrides the default CSS for ALL the pages, for example I want to change “entry-title” but just for an specific Archives Page, to do so I’d like to have a completely new CSS tag called for example “entry-title-archives” so I donĀ“ t change the styling across the board.

    Does anyone knows where the CSS tags are generated for the content?

    Michael

    @alchymyth

    Forum Moderator

    please use a browser inspection tool to find the page specific css classes of the body tag, which are output by body_class() and which you can use in the custom css;

    http://codex.wordpress.org/Function_Reference/body_class

    Perfect!

    Thank you alchymyth, didn’t know about body tags, you’ve just opened a whole new world of possibilities for me.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Styling a Custom Page with CSS on Twenty Twelve’ is closed to new replies.
Skip to toolbar