Docy

Did You Know?

Elements

Source Code

Welcome to Docy ! Get familiar with the Docy products and explore their features, guides, tips and tools.

HTML Code Blocks

From a group of elements with one parent. Same as first one, but use this method if you are creating a popup from a list of elements in one container. Note that this method does not enable gallery mode, it just reduces the number of click event handlers; each item will be opened as a single popup. If you wish to enable gallery, add the gallery:{enabled:true} option.

                                    For example, <code><section></code> should be wrapped as inline.
                                

CSS Source Code

                        
                        /*******Sidebar Categories Start******/
.categories {
    border: 1px solid;
    display: table;
    float: left;
}

.categories li, .categories li a {
	color: #ffffff;
	font-size: 20px;
}

.categories li {
    border: 1px solid;
    float: left;
    list-style: none inside none;
    width: 350px;
}

.categories li a {
	float: none;
    text-transform: uppercase;
    width: auto;
}
/*******Sidebar Categories End******/                        
                        
                        
                        /*******Sidebar Categories Start******/
.categories {
    border: 1px solid;
    display: table;
    float: left;
}

.categories li, .categories li a {
	color: #ffffff;
	font-size: 20px;
}

.categories li {
    border: 1px solid;
    float: left;
    list-style: none inside none;
    width: 350px;
}

.categories li a {
	float: none;
    text-transform: uppercase;
    width: auto;
}
/*******Sidebar Categories End******/                        
                        
                        
                        /*******Sidebar Categories Start******/
.categories {
    border: 1px solid;
    display: table;
    float: left;
}

.categories li, .categories li a {
	color: #ffffff;
	font-size: 20px;
}

.categories li {
    border: 1px solid;
    float: left;
    list-style: none inside none;
    width: 350px;
}

.categories li a {
	float: none;
    text-transform: uppercase;
    width: auto;
}
/*******Sidebar Categories End******/                        
                        

JavaScript Code

PHP Source Code

                        
                          


or 



to exclude certain categories use this code:


                        
                        
                        
                          


or 



to exclude certain categories use this code:


                        
                        
                        
                          


or 



to exclude certain categories use this code:


                        
                        

3 Comment

  • Issac Wise

    July 3, 2020 at 2:14 pm

    Wouldn’t it be better practice to use get_the_title(..) in this case? directly accessing the post object’s data member would bypass applying filters and enforcing protected and private settings, unless that’s explicitly desired.

    Reply
    • Hans Down

      44 mins ago

      Thenks Demo User for Wouldn’t it be better practice to use get_the_title.

      Reply
    • Hans Down

      44 mins ago

      Dropped a clanger up the kyver easy peasy vagabond victoria sponge Charles tinkety tonk old fruit argy.!

      Reply
  • Chauffina Carr

    04 mins ago

    Wouldn’t it be better practice to use get_the_title(..) in this case? directly accessing the post object’s data member would bypass applying filters and enforcing protected and private settings, unless that’s explicitly desired.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *