Number in the bubble Above the Jobs Menu Button on the Enfold Site

Hey!

You should add following code to Quick CSS

.jobs-menu > a > span.avia-menu-text:after {
content: "1";
font-size: 9px;
color: #FFF;
background: #42A0BD;
line-height: 17px;
width: 17px;
display: inline-block;
text-align: center;
border-radius: 100px;
position: relative;
top: -9px;
left: 2px;
}

And then go to Appearance > Menus and click “Screen options” and check “CSS classes” and then add “jobs-menu” to your menu item on which you would like to display bubble :)

Regards,
Yigit

Hi,

Glad we could help out :-)

Best regards,
Rikard

Hi David,

Please add following code to bottom of Functions.php file in Appearance > Editor

function jobs_count_func( $count_posts ){
	$count_posts = wp_count_posts( 'portfolio' )->publish;
	return $count_posts;
}
add_shortcode( 'jobs_count', 'jobs_count_func' );

Then edit your menu item and following shortcode

[jobs_count]

Best regards,
Yigit

Hi David,

This is a bit out of scope of our support unfortunately, we’d like to help you out but this is very much bordering custom work. The WordPress function that Yigit used doesn’t allow for narrowing it down to a single category, but maybe you could try to create a new query using WP_Query?

$args = array(
    'post_type' => 'portfolio',
    'tax_query' => array(
        array(
            'taxonomy' => 'people',
            'field' => 'slug',
            'terms' => 'bob'
        )
    )
);
$query = new WP_Query( $args );

http://codex.wordpress.org/Class_Reference/WP_Query

Best regards,
Rikard

Hi @mannys1985,

Please go to Enfold theme options > Shop Options > Header Shopping Cart Icon and choose to display it attached to main menu? :)

Best regards,
Yigit

Hey,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

.avia-menu-text .counter {
    content: "1";
    font-size: 9px;
    color: #FFF;
    background: #42A0BD;
    line-height: 17px;
    width: 17px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    position: relative;
    top: -9px;
    left: 2px;
}

I think it would look better if you remove “/” from the counter :)

Best regards,
Yigit

Hi,

You are welcome! We will consider your suggestion :)

If you have any other questions or issues, please start a thread under Enfold sub forum :)

Regards,
Yigit

Cheers!
Yigit