WCVendor & Pro plugin issues and solution

WCVendor & Pro plugin

===Fixing css issue for trello===

===Ocean-WP===

	- button css issues with oceanwp theme - just need to add "button" class on button tag

	- https://trello-attachments.s3.amazonaws.com/5da59b81e4e03951b237897e/5dbae63402aebe22fc88d05c/50a2f0d2afa0e7c06904c9edb2737208/class_issues.png


===Astra Theme===

Note:- Main issue in search input-box and button section gap issue and product/orders/pagination and table border bottom css issue.

Issues list : 

	-	search input-box with button padding
	-	pagination issues on prodcut and order tab 
	-	table border issues 

Screenshot:- https://prnt.sc/pw7co3


Solution as below 

	   ( For button padding solution )
           -- Solution for search input-box and button section gap issue need some custom padding.
		{padding-right: 15px;}

	   ( For pagination design solution )		
	   Need to add for pagination class - "woocommerce". This is default class for woocommerce.
	   we need to add this class before pagination nav bar division. 
	   Then, it'll resolve the all pagination css design issue.

	  ( For border design solution )
	  just need to add css on table tag  -  {border-bottom: #bbb 1px solid;}





===generate-press===

Note:- Main issue in search input-box and button section gap issue and product/orders/pagination and table border bottom css issue.

Screenshot:- https://prnt.sc/pw7g0z

Solution as belows :-

	( For search input-box and button section gap solution )
    	-- Solution for search input-box and button section gap issue need some custom padding.
             {padding-left: 20px;}

	( For pagination design solution )		
	Need to add for pagination class - "woocommerce". This is default class for woocommerce.
	we need to add this class before pagination nav bar division.
	Then, it'll resolve the all pagination css design issue.



==Shopper==

Issues list : 
	
	-	table border issues 

	WCVendor - screenshot:- https://prnt.sc/pvwjel
	WCVendor Pro - screenshot:- https://prnt.sc/pw7g0z


Solution as below 

--For vendor dashboard:-

Solution as below :- 
	
	just need to add custom class for that perticular td. 

	.vendor-order-table tbody tr:nth-child(2n) td {
		background-color: #fbfbfb;
		padding: 10px 10px 10px 10px;
		text-align: center;
		font-weight: 600;
	}



===

For pro dashboard:-

Solution as below :- 

	Need to add custom class in that order table. 
	
	( For search input-box and button section gap solution )
    	-- Solution for search input-box and button section gap issue need some custom padding.
             {padding-left: 20px;}

	( For pagination design solution )		
	Need to add for pagination class - "woocommerce". This is default class for woocommerce.
	we need to add this class before pagination nav bar division.
	Then, it'll resolve the all pagination css design issue.
	


=====

==Bento==

Issues :

	-	Pagination design issues 
	Screenshot:- https://prnt.sc/pvwtr9


Solution as below :- 
	
	-	Need to add custom class in that order table. 

	( For pagination design solution )		
	Need to add for pagination class - "woocommerce". This is default class for woocommerce.
	we need to add this class before pagination nav bar division.
	Then, it'll resolve the all pagination css design issue.		


====Best commerce====

Issues :-
	
	-	Table Border issues 
	
	WCVendor dashboard screenshot:- https://prnt.sc/pw7mzv
	WCVendor Pro dashboard screenshot:- https://prnt.sc/pw7pou
	
	For WCvendor Dashboard ( non-pro )

	Solution as below :- 
	    -  need to add table border top missing css.

            -- Solution for table border top need to add custom class for this border issue as shown in below.
        	.sale-order-table thead:first-child tr:first-child th {
			border-top: 1px solid #dddddd;
		}
		

====
For pro - Dashboard

	Note:- Main issue is button hover css missed , search input-box and button section gap issue and product/orders/pagination and table border bottom css issue.
 

    	-- Solution for Button hover - need to add Button color custom class. 
        class:hover{"color: #fff;"}.
    
	-- Solution for search input-box and button section gap issue need some custom padding.
		{padding-right: 15px;}
		
	Need to add for pagination class - "woocommerce". This is default class for woocommerce.
	we need to add this class before pagination nav bar division. Then, it'll resolve the all pagination css design issue.
	   
	Solution:- https://prnt.sc/pw7qqg
	
    	-- Solution for table border bottom need to add custom class for this border issue.
        {border-bottom: #bbb 1px solid;}
		

====Easy commerce====

Issues list :

	Table border issues - tob border 
	
	
Solution as below :


	For without pro - vendor Dashboard

	Note:- Issue with table border top missing css.

	Solution for missing css :- 
            -- Solution for table border top need to add custom class for this border issue as shown in below.
        	.sale-order-table thead:first-child tr:first-child th {
			border-top: 1px solid #dddddd;
		}
		
	screenshot:- https://prnt.sc/pw7mzv


	For pro - Dashboard

	Note:- Issue is table border bottom css missing.

	-- Solution for table border bottom need to add custom class for this border issue.
        	{border-bottom: #bbb 1px solid;}
		
=================================================================================

Date : 11-15-2019

--Theme kleo Testing--

	WC vendor Marketplace [Without pro]
		
		Issue :- 	
			>	Vendor Dashboard Navigation-bar complete css design issue.
				Screenshot :- https://prnt.sc/px8350
								
		Solution:- 	need to add custom class
				
				
		Issue :- 					
			>	Search panel alignment css missing issue.
				Screenshot :- https://prnt.sc/px8350
			
		Solution:- 	need to add custom class 
					{padding-right: 30px;top: 10px;position: relative;}
			
---------------End-----------------				
	
	WC vendor Marketplace pro

		Issue :- 	
				>	Dashboard button css design issue.
					Screenshot:- https://prnt.sc/px8r73
		
		Solution:- 	For "Update - button" just need to add class "btn".
		
		
		Issue :- 		
				>	Dashboard "Add Product & Add Coupon" not understand it was a button.			
					Screenshot:- https://prnt.sc/px8s6f
					
		Solution:- 	For this need to add custom css.
					.add-btn-new{padding: 10px;background-color: #00b9f7;color: #fff;}
					
					
		Issue :-
				> 	Pagination missing css issue and button css and input-button gap.
					Screenshot:- https://prnt.sc/px8wmy
					
		Solution:- 	For Pagintion need to add "woocommerce" class before navigation div of pagination.
					For "button" just need to add class "btn".
					For input-button gap - need to add custom class.
						{padding-right: 10px;}
						
-----------------End------------------