Get Combo of two classes at same tag by Css.

-


<div class="treeview-menu menu-open"  >  User Menu </div>
Issue: To get the combination of two classes "treeview-menu " and  "menu-open" , we have to call like this:

Solution:

 div .treeview-menu.menu-open{
 background-color:#f00;
 color:#000
}
Notice: There is no single space between both classes.

Comments

Post a Comment

Popular posts from this blog

datatable with both top and bottom scroll bar.

-
Image
HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>     <head>         <title></title>         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">         <!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>          -->          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>         <script type="text/javascript" src="jquery.doubleScroll.js"></script>         <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/j...
Read more

How to set custom Post feature image as og:image ?

-
This tag is useful to give a link preview with custom post featured image, when you share the link post with social sites like- Facebook, Whatsapp, Twitter etc. og refers to Open Graph meta tag, you have to add add following line with your image address in the header part of the page <meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" /> This is the way to set a particular static image as an open graph meta tag, but if you want to change  image dynamically  or according to your post then you have to  follow below mentioned code. <meta property="og:image" content="<?php echo wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?>" />
Read more