Question

I’m looking for a way to style a div that has no ID or class association. I’m not looking for comments suggesting that I apply an ID or a class to the div’s myself as the code I’m looking to modify is part of a wordpress plugin, which when updated would reset any styles I apply.

The code that I’m trying to modify is:

<div class="gallery_detail_box">
    <div><?php echo $post->post_title; ?></div>
    <div><?php echo the_excerpt_max_charlength(100); ?></div>
    <a href="<?php echo $permalink; echo basename( get_permalink( $post->ID ) ); ?>"><?php echo $gllr_options["read_more_link_text"]; ?></a>
</div>

I have tried targeting the div containing “post_title” as I want to make that bold and have tried several different ways but to no avail, my last attempt at targeting that div was:

.gallery_detail_box > #div {
    font-weight:bold;
}

.gallery_detail_box #div #div {
    font-weight:normal;
}

Where am I going wrong?

Answer 1

To target each of the child DIVs Try this:

div.gallery_detail_box div:nth-child(1) {....}
div.gallery_detail_box div:nth-child(2) {....}

Good Luck.