Full-Width Slider with rounded corner.

Wilford

I want to create a slider of full width on the website. but I am not able to do that because the fixed size is 384*384. Kindly resolve the issue because I need this very much to showcase our prime offers on the top.
You have my login and you're my mentor. kindly help me, sir.
Requirement:- Full-Width Slider with rounded corner.

Mani

Mani here from StackCanyon Technologies LLP

You can use this Custom CSS:

.custom-promo-img {
    width: 20rem !important;
    height:13rem !important;
}

Use this to convert Px to rem:

https://nekocalc.com/px-to-rem-converter

FLA

Mani I never know where to add this CSS codes many show us

FLA

Mani
This way is easier to understand

Manikanta

Mani

can you please send the same css code for Category Slider ?

GlobeInfoTechnologies

Mani

am adding 2nd promo slider . how to increase second promo slider image? can you help me css code.

RohanGaurat

Mani really helpful , thank you team 🙂

tusHedel

Is it possible to set it only for the first sliders?

and all the others normal size ?

Saurabh

tusHedel That won't be possible unless code modifications are made to the customer application.

FabricioVieira

tusHedel

alabtechnosoft

FLA Could you please share COVID 19 Splash news...?

tifey

.slider-wrapper__img-shadow {
    -webkit-box-shadow: 1px 2px 10px 1px #e0e0e0;
    box-shadow: 1px 2px 10px 1px #e0e0e0;
    height: 117px !important;
    width: 340px !important;
    border-radius: 0.4rem;

USE ABOVE CODE

carlosqvistgaard

tifey Hello, it worked for me but I get a blurred image if I enter from a PC.

tifey

carlosqvistgaard Yes - Just Change Image from /assets/img/slider/

Check Image from your site like 156664628890XKDEjOhq.png