Support » Themes and Templates » Display categories differently on front page

  • Dear All,

    This is probably a real simple thing for you CSS wizkids out there. The thing is that I would like to display a certin category differently on my first page. I’ve created a Links-category, and would like them not to be as prominent as my more thorough posts.

    So, I figured I’d wrap my posts in a div class that reflect the name of the category and then apply different styling using CSS.

    In a very simplified example my first page would look something like this:

    <div class="cat-misc">
        <div class="post">
            <p>Test</p>
            <div class="headline">Headline</div>
        </div>
    </div>
    
    <div class="cat-link">
        <div class="post">
            <p>Test</p>
            <div class="headline">Headline</div>
        </div>
    </div>

    Using CCS I know i can affect for example the <p>-tag and make it display differently using:

    .cat-link p {
    }

    Now for the question
    But as you can see in my example above each post also gets styled by other div classes. Is there any way I can get a div class to display differently if enclosed by another div, like I can with tags like <p>?

    Best,

    / Jonathan

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Display categories differently on front page’ is closed to new replies.