space created by wcps plugin on the page is too much

Q&ACategory: Pluginspace created by wcps plugin on the page is too much
delebeat asked 1 year ago

hello, how can i reduce the space created by the wooecommerce products slider premium version on the page i inserted the shortcode, and also it creates a hatsh color background color which is also having a to much height.

1 Answers
Hasan Staff answered 1 year ago

you can reduce top & bottom margin by adding following CSS

.wcps-container {
  margin-top: 10px !important;
}

Also you can reduce slider padding top and bottom by adding following CSS.

.wcps-container .wcps-theme2 {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

you can change 10px values as you need.
Please let me me know for more help.
Regards
 

delebeat replied 1 year ago

thanks it reduces the size of the container housing the product but did not reduce the white space between the plugins it created ,what can i do to that ?

Hasan Staff replied 1 year ago

Hi, if you send me a screenshot with mark area which you are talking about then i could help you by provide CSS code to solve space issue. Regards

Hasan Staff replied 1 year ago

can you please try this CSS .wcps-container { margin: 20px 0 !important; } which will reduce space between slider and text “Available Phones” on your page. Regards

delebeat replied 1 year ago

thanks hasan it worked am really gratefull.

delebeat replied 1 year ago

how can i reduce the buttom spacing in the container housing the product products

Hasan Staff replied 1 year ago

Hi, Thanks for your reply,i can’t see any slider on your website http://www.kobolessbuy.com/ can you please send me the link with slider ? Regards

delebeat replied 1 year ago

i was able to resolve it thanks for the customer services. really appreciate ur response.

Hasan Staff replied 1 year ago

Thanks for your reply, please let me know for more help, Regards

delebeat replied 1 year ago

the size of the container buttom has not changed what next can i do http://www.kobolessbuy.comthanks

Hasan Staff replied 1 year ago

you can reduce padding bottom using following CSS, please use id(1021) as your slider #wcps-1021 { padding-bottom: 0 !important;}

delebeat replied 1 year ago

ok thanks for the response

delebeat replied 1 year ago

hello Hasan, i added the codes u gave me but no reduction in the space btw the Category title which is “AVAILABLE PHONES” and the wcps plugin .what else can i do .thanks this are my codes.wcps-container #wcps-361{margin-top:0px !important;margin-buttom:0px !important;padding-bottom: 0px !important;padding-top: 0px !important;margin: 5px 0px !important;background-color:white;} .wcps-container #wcps-361 .wcps-items{} .wcps-container #wcps-361 .wcps-items-thumb{} .wcps-container #wcps-361 .items-info{}

Hasan Staff replied 1 year ago

If you want to decrease space between title “Available Phones” and slider then please use following CSS, you can change value 20px as your need. .wcps-container { margin: 20px 0 !important; }

delebeat replied 1 year ago

i will aso sudject you guys create a way to enter category titlte instead of entering it in the paragraph . or is there any way i can enter it from the wcps slider ?

delebeat replied 1 year ago

thanks it worked but pls there should be a way to enter the title from the wcps slider thanks