more categories

This topic contains 11 replies, has 2 voices, and was last updated by  sylvester vader 8 years, 8 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • August 3, 2016 at 10:33 am #239705

    sylvester vader
    Buyer
    Post count: 151

    hi uhm i was checking out the script and i see that there is a hidden more categorie button inside the supreme theme

    i did not know this but its very handy

    it normaly only shows 5 popular categories
    with this button it will show all when pressed
    and close if pressed again

    i wonder why the maker made this hidden

    one issue tho is that the styling did not look nice so i made some changes for the css

    if somebody wants it, here it is 

    

    .featured-area .geodir-cat-list-more {
    display: block;

}

.sd.home .featured-area .geodir-pcat-show, .sd.sd-location .featured-area .geodir-pcat-show, .geodir-pcat-hide geodir-hide  {
    width: 90px;
 text-align: center;
}

.sd.home .featured-area .geodir-pcat-hide, .sd.sd-location .featured-area .geodir-pcat-hide{
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 center;
    border-radius: 10px;
    width: 90px;
    padding: 10px;
 text-align: center;
   
}

.sd.home .featured-area .geodir-pcat-hide img, .sd.sd-location .featured-area .geodir-pcat-hide img {
    height: 35px !important;
}

.sd .featured-area  .geodir-cat-list ul li:nth-child(5n) {
    margin-right: 2%;
}

.sd .featured-area  .geodir-cat-list ul li{
    margin-bottom: 2%;
}

.cat-link {
    color: #fff;
}

.sd.home .featured-area .geodir-pcat-hide:hover, .sd.sd-location .featured-area .geodir-pcat-hide:hover {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 center;
}
    

    just add this whole part inside Custom style css code
    

    the 90px i added to make it more better for mobile phones
    
to make it more responsive, if you dont want that you can take that out 
    

    the 2% margin is to compensate for the normal 5 categories 
    

    i hope you like it 
    

    im still trying to change the color of the text more categories but somehow its not willing to change, maybe someone has a solution for that
    
if so i realy would like to here that
    

    greets from sylvester
    

		
	
    


    

			
				

    

	
    

		August 3, 2016 at 1:28 pm

		
		#239910

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi sylvester, 
    

    Thanks for sharing this and here’s how you can change the color of the links. 
    

    

    .featured-area .geodir-cat-list-more a{
    color:#fff;
}

.featured-area .geodir-cat-list-more a:hover{
    color:#000;
}
    

		
	
    


    

			
				

    

	
    

		August 3, 2016 at 1:49 pm

		
		#239912

		
		
		
	
    


    


    

	
    

		
		
    sylvester vader
    Buyer
    
		
		
     Post count: 151
    
	
    

	
    

		
		
    thank you
    
that was missing 
    

    o and for the ones who see standard 4 categories and then 1
    
add something to make the title look more bigger or change the 90px to something more smaller 
    

    it will then show all 5 next to each other
    

		
	
    


    

			
				

    

	
    

		August 3, 2016 at 1:57 pm

		
		#239915

		
		
		
	
    


    


    

	
    

		
		
    sylvester vader
    Buyer
    
		
		
     Post count: 151
    
	
    

	
    

		
		
    o uhm you seem to know alot from this 😛
    
you also can help me with centering the div ?
    

    atm it seems not centered
    
i want it exact in middle of page 🙂
    

		
	
    


    

			
				

    

	
    

		August 4, 2016 at 10:02 am

		
		#240608

		
		
		
	
    


    


    

	
    

		
		
    sylvester vader
    Buyer
    
		
		
     Post count: 151
    
	
    

	
    

		
		
    any update on the center,
    
or you donno 😛
    

		
	
    


    

			
				

    

	
    

		August 4, 2016 at 11:57 am

		
		#240624

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi there, 
    

    Try the custom CSS code below. 
    

    

    .geodir-cat-list ul li {
    float: none;
    display:inline-block;
}
    

		
	
    


    

			
				

    

	
    

		August 4, 2016 at 12:34 pm

		
		#240675

		
		
		
	
    


    


    

	
    

		
		
    sylvester vader
    Buyer
    
		
		
     Post count: 151
    
	
    

	
    

		
		
    lol it works but it then shows all categories 😛
    
but its centre so it goes in good direction 😛
    

		
	
    


    

			
				

    

	
    

		August 4, 2016 at 12:45 pm

		
		#240687

		
		
		
	
    


    


    

	
    

		
		
    sylvester vader
    Buyer
    
		
		
     Post count: 151
    
	
    

	
    

		
		
    ok i found the fix for that 
    

    

    
.geodir-cat-list ul li.geodir-pcat-show {
    float: none;
    display:inline-block;
}
    

    but now it dont show the rest of categories correct 😛
    

    i need something for .geodir-pcat-hide
    

		
	
    


    

			
				

    

	
    

		August 4, 2016 at 2:08 pm

		
		#240719

		
		
		
	
    


    


    

	
    

		
		
    sylvester vader
    Buyer
    
		
		
     Post count: 151
    
	
    

	
    

		
		
    ok i got it sort of working
    
so ill leave it for now
    
however i do still want it diffrent
    
the hide parts i cant seem to give a fixed size
    
if i do then it messes up the alignment
    
i donno how to change it 
    

    it now shows the popular categories perfect
    
but the rest it shows under eachother streched out
    
it look ok but i would like then to line next to eachother while sitl remaining in center
    
also it seems to be missing some margin px and i cant figre out why
    

    take a look maybe you see something
    
sexmaps.nl
    

		
	
    


    

			
				

    

	
    

		August 4, 2016 at 2:24 pm

		
		#240722

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi there,
    

    The custom CSS below should fix that. 
    

    

    li.geodir-pcat-show {
    display:inline-block;
}

li.geodir-pcat-hide {
    display:inline-block;
}

li.geodir-pcat-hide.geodir-hide {
    display: none;
}

.geodir-cat-list ul li {
    float: none;   
}

ul.geodir-popular-cat-list {
    max-width:500px
}
    

		
	
    


    

			
				

    

	
    

		August 4, 2016 at 2:26 pm

		
		#240726

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi there, 
    

    Looks like both of us are working at your Website the same time. Do you want me to fix that for you?
    

		
	
    


    

			
				

    

	
    

		August 4, 2016 at 2:43 pm

		
		#240746

		
		
		
	
    


    


    

	
    

		
		
    sylvester vader
    Buyer
    
		
		
     Post count: 151
    
	
    

	
    

		
		
    lol i fixed it already but i like your way better so i used yours 
    

    good idead with the max 500
    
looks nice
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 12 posts - 1 through 12 (of 12 total)
	


	


		
	





		
				

			

				

					
We have moved to a support ticketing system and our forums are now closed.

					Open Support Ticket
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount