swayam.tejwani

Glad to know you fixed tag selection ?? I was thinking of same solution but i was focussing on isotope functionality, looking at this example here it seems like isotope is not getting the element on class to be applied, so can you check by changing your code in script where this line

itemSelector : '.item',

to

itemSelector : '.post-item',

because as you see in article tag this class is common on all, just a guess, may work or not, lets see ??

Ok, in above code, can you change

$classes[] = $term_single->name;

to

$classes[] = $term_single->slug;

and see if it makes any change

The problem is the project boxes are not having class names as the title, for isotope to work, it will check for class name “tago6” or any tag in the article (portfolio) boxes, but the class name seems to be not correct. So, below is the code

function adamoschild_assign_custom_post_class( $classes ) {
	global $post;
	if(get_post_type( $post->ID ) == "portfolio"){
	$term_list = wp_get_post_terms($post->ID, 'portfolio_tag', array("fields" => "all"));
	foreach($term_list as $term_single) {
		$classes[] = $term_single->name;
	}
	}
	return $classes;
}
add_filter( 'post_class', 'adamoschild_assign_custom_post_class' );

Put this code inside functions.php of child theme, and check if it solves your problem, basically what this code does is put correct class names to article boxes based on tags they are assigned, this code is not tested, so just try it once if it solves your problem, please make sure in code i have assumed that you have post type “portfolio” and taxonomy called “portfolio_tag”.

Hi thesimbalife,

In your theme folder style.css, on line 1693 there is some css rule defined for class “widget-title” which is “display:inline-block”, you can comment out or remove this line that helps you to fix category and archive menu drop down with titles, however there is 1 problem if you remove this then the border below widget title goes to full width as right now its only upto the title, may be anyone who have more CSS knowledge can help you with this ??

@trint :- Sorry for late reply, i have checked your website and on this page , isotope filtering doesn’t seems to work, so for example when we are on this tag “Tous les projets” we get all of them, the first one which says “Project 06” is attached to tag06 as well(have checked by inspect element firebug), but when we click on “tag06” in title we dont get results for “tag06” projects, is this the problem ? Isotope filtering doesn’t seems to be working ?

Yes, you need to create one file called “footer.php”, and then place the code.

CHeck this link, there is a way to do that in PHP, you need to apply it on your page.

you can use this plugin which allows you to put php code in wordpress sidebar.

Its not more then 10 mins of work, i think you can do it yourself, you just need to check your child theme folder name and then in that folder you need to put footer.php file (if you dont have, create one) and put that code which i pasted above, hope this helps ??

Download the plugin from backend, Plugins->Add new, search for “Pro categories Widget” install it and activate, then you need to go to Appearance->Widgets, here you can see a widget called “Pro Categories Widget”(Search for it using ctrl+f), then you just need to drag & drop the widget into your sidebar and make changes in settings as per needed and you will be done, let me know if you still have any issues ??

Have you applied that CSS, i cant see on site ?

may be its theme feature, which theme you are using ?

you need to add this css

body.home .with-sidebar-container .col-md-8{
	overflow:hidden;

}

you can do that by creating child theme of swell lite theme and then copy footer.php file from parent theme to child theme folder and paste this code below

<?php
/**
* The footer for our theme.
* This template is used to generate the footer for the theme.
*
* @package Swell Lite
* @since Swell Lite 1.0
*
*/
?>

<!-- END .container -->
</div>

<!-- BEGIN .footer -->
<div class="footer">

	<?php if ( is_active_sidebar('footer') ) { ?>

	<!-- BEGIN .row -->
	<div class="row">

		<!-- BEGIN .content -->
		<div class="content">

			<!-- BEGIN .footer-widgets -->
			<div class="footer-widgets">

				<?php dynamic_sidebar( 'footer' ); ?>

			<!-- END .footer-widgets -->
			</div>

		<!-- END .content -->
		</div>

	<!-- END .row -->
	</div>

	<?php } ?>

	<!-- BEGIN .row -->
	<div class="row">

		<!-- BEGIN .footer-information -->
		<div class="footer-information">

			<!-- BEGIN .content -->
			<div class="content">

				<div class="align-left">

					<p><?php esc_html_e("Copyright", 'swell-lite'); ?> &copy; <?php echo date( esc_html__("Y", 'swell-lite') ); ?> &middot; <?php esc_html_e("All Rights Reserved", 'swell-lite'); ?> &middot; <?php bloginfo('name'); ?></p>

					<p><?php esc_html_e("Swell Lite", 'swell-lite'); ?> <?php esc_html_e("from", 'swell-lite'); ?> <a href="https://organicthemes.com" target="_blank"><?php esc_html_e("Organic Themes", 'swell-lite'); ?></a> &middot; <a href="<?php bloginfo('rss2_url'); ?>"><?php esc_html_e("RSS Feed", 'swell-lite'); ?></a>

				</div>

				<?php if ( has_nav_menu( 'social-menu' ) ) { ?>

				<div class="align-right">

					<?php wp_nav_menu( array(
						'theme_location' => 'social-menu',
						'title_li' => '',
						'depth' => 1,
						'container_class' => 'social-menu',
						'menu_class'      => 'social-icons',
						'link_before'     => '<span>',
						'link_after'      => '</span>',
						)
					); ?>

				</div>

				<?php } ?>

			<!-- END .content -->
			</div>

		<!-- END .footer-information -->
		</div>

	<!-- END .row -->
	</div>

<!-- END .footer -->
</div>

<!-- END #wrapper -->
</div>

<?php wp_footer(); ?>

</body>
</html>

Hi,

you can achieve this with AJAX, check this link, you can do this in theme or plugin as you like.