WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Styling a Custom Page with CSS on Twenty Twelve (5 posts)

  1. The Oropeza
    Member
    Posted 1 year ago #

    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

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

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

  3. The Oropeza
    Member
    Posted 1 year ago #

    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?

  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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

  5. The Oropeza
    Member
    Posted 1 year ago #

    Perfect!

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

Topic Closed

This topic has been closed to new replies.

About this Topic