loop mix my child-category and parent-category

(@aprwebdesign)

Hy tibewww,

Can you provide me with a link to a specific category you have set up so i can check if the css is used correctly?

Kind regards,

Larsen

Thread Starter

(@tibewww)

HI Larsen,

ANyway to send you this a private message or email ? I woudl not liek to share the url of the website publicly,

Thank you

(@aprwebdesign)

Sure, email me at [redacted]

WPyogi

(@wpyogi)

Hi there – it’s really strongly discouraged to contact people off the forums – http://codex.wordpress.org/Forum_Welcome#Helping_Out

Please do keep help here.

(@aprwebdesign)

Hy WPyogi,

Oke, is there any way to let tibewww send me a private message?

Larsen

WPyogi

(@wpyogi)

No, these forums really only provide help here – so generally, that’s the appropriate reply – that these forums don’t have private messages. Exceptions may be plugin or theme authors that opt to provide a higher level of support – but in general, they are encouraged to help as much as possible here so that everyone can benefit from the help. Not everyone wants to share their URL or their site may not be on a public server, which is fine but it may limit what help can be offered here.

(@aprwebdesign)

Oke, thanks.

tibewww it look’s like you will have to place the URl here.

You can edit the post in about half an hour and remove the link from you message so it wont be here for ever.

Thread Starter

(@tibewww)

Hi . . hm no worries, I can post the Html of the <article> product, if this can help out ?

This is example when it works fine, because the post is only setup to one parent-category and its child

<article class="post-3546 post type-post status-publish format-standard has-post-thumbnail hentry category-pet-of-the-week category-pets vce-post vce-lay-c">

    <h2 class="entry-title"><a href="http://mywebsite.com/pets/pet-of-the-week/pets-sale-5th-feb/" title="Pets For Sale On (5th Feb)">Pets For Sale On (5th Feb)</a></h2>

     	<div class="meta-image">
            			<a href="http://mywebsite.com/pets/pet-of-the-week/pets-sale--5th-feb/" title="Pets For Sale On (5th Feb)">

    			<img width="292" height="195" src="http:/mywebsite.com/wp-content/uploads/2015/02/siberian-husky.jpg" class="attachment-vce-lay-b wp-post-image" alt="Siberian Husky For Sale" />							</a>

                                <span class="meta-category">
         <a href="http://mywebsite.com/category/pets/pet-of-the-week/">Pet Of The Week</a>
    </span>
    			</div>

    <header class="entry-header">

    	<div class="entry-meta"><div class="meta-item views">26 Views</div><div class="meta-item date"><span class="updated">2 weeks ago</span></div></div>
    </header>

    		<div class="entry-content">
    		<p>As another month rolls in, with it comes a fresh supply of adorable pets for your viewing pleasure...</p>
    	</div>
 </article>

Here it’s when its not working correctly, because the post is attach to 3 parents cvategory and some of their child – so it mixed it up display the name of a child-category, but the background-colro and icon of another parent-category . . .

<article class="post-3107 post type-post status-publish format-standard has-post-thumbnail hentry category-bedroom-2 category-business-and-finance category-childrens category-home-garden category-london category-money-saving category-others category-selling-and-advertising tag-cleaning tag-clutter tag-declutter tag-home tag-house tag-london tag-sell tag-space tag-summer tag-to-do-list vce-post vce-lay-c">

         <h2 class="entry-title"><a href="http://mywebsite.com/others/london/home/" title="A Guide to Clearing Out the Clutter : You Can De-junk Your House in a Weekend">A Guide to Clearing Out the Clutter : You...</a></h2>

    	 	<div class="meta-image">
                			<a href="http://mywebsite.com/others/london/home/" title="A Guide to Clearing Out the Clutter : You Can De-junk Your House in a Weekend">

    				<img width="225" height="195" src="http://mywebsite.com/wp-content/uploads/2014/07/AM-quotes-laundryTsunami-final-Edited.jpg" class="attachment-vce-lay-b wp-post-image" alt="AM-quotes-laundryTsunami-final - Edited" />							</a>

                                    <span class="meta-category">
             <a href="http://mywebsite.com/category/home-garden/bedroom-2/">Bedroom</a>
        </span>
    				</div>

    	<header class="entry-header">

    		<div class="entry-meta"><div class="meta-item views">7 Views</div><div class="meta-item date"><span class="updated">7 months ago</span></div></div>
    	</header>

    			<div class="entry-content">
    			<p>OUT with the Old…  A Guide to Clearing Out the Clutter : You Can De-junk Your House in a...</p>
    		</div>
    	</article>

(@aprwebdesign)

Do you just want to change the background color of the link?

is so use :

.category-childrens .meta-category a {
    color: white;
    float: left;
    padding: 2px;
    padding-left: 25px;
    background: url(http://mywebsite.com/wp-content/uploads/2015/02/pets-30_30.png) no-repeat left;
    background-size: 15px 15px;
    background-color: #a2591e;
    background-position-x: 5px;
    padding-right: 5px;
    }

You don’t have to include article cause you target the article class already.
Also there isn’t a pets category ( or maybe it is just the example..)

is this an answer to you question?

Larsen

Thread Starter

(@tibewww)

HI,

Hmm not really, im sorry 🙁

Yes, I’ve took another example,

The problem I’m having is coming from the loop – because it mix it up – it display the first children-category name – which is good – but the css of another parent-category and not its own parent-category . . . . Don’t know if it make more sense ?

Thread Starter

(@tibewww)

I attach the full code if it helps . . .:(

<article <?php post_class('vce-post vce-lay-c'); ?>>

    <?php if($fimage = vce_featured_image('vce-lay-b')): ?>

        <h2 class="entry-title"><a href="<?php echo esc_url(get_permalink()); ?>" title="<?php echo esc_attr(get_the_title()); ?>"><?php echo vce_get_title('lay-c'); ?></a></h2>

        <div class="meta-image">
                        <a href="<?php echo esc_url(get_permalink()); ?>" title="<?php echo esc_attr(get_the_title()); ?>">

                <?php echo $fimage; ?>
                <?php if($icon = vce_post_format_icon('lay_c')) :?>
                    <span class="vce-format-icon">
                    <i class="fa <?php echo $icon; ?>"></i>
                    </span>
                <?php endif; ?>
            </a>

            <?php if( vce_get_option('lay_c_cat')) : ?>
            <?php if (function_exists('z_taxonomy_image_url')) echo z_taxonomy_image_url(); ?>
        <span class="meta-category">
<?php
$category = get_the_category();
echo $category[0]->cat_name;
?>

    </span>
        <?php endif; ?>
        </div>
    <?php endif; ?> 

    <header class="entry-header">

        <div class="entry-meta"><?php echo vce_get_meta_data('lay-c'); ?></div>
    </header>

    <?php if( vce_get_option('lay_c_excerpt')) : ?>
        <div class="entry-content">
            <p><?php echo vce_get_excerpt('lay-c'); ?></p>
        </div>
    <?php endif; ?>
</article>

(@aprwebdesign)

I have to pick up my kid from school, i will get back to you after i’m back

Thread Starter

(@tibewww)

No Worries, thank you so much 🙂

Thread Starter

(@tibewww)

Hi, Are you back 🙂 ?

I’ve tried this function:

add_filter(
  'post_class',
  function($classes) // $classes is an array
    {
    $cats=get_the_category();
    $master_cat=$cats[0]->slug;
    if($k=array_search("category-$master_cat",$classes))
      {
      unset($classes[$k]);
      $classes[]="category-$master_cat";
      }
    return $classes;
    }
  );

But it doenst change anything . . . . do you have any highlite by any chance ?

(@aprwebdesign)