Guys share your css ideas to all: Page 9

2021-03-21T09:25:23+00:00

please share your css ideas with us

Guys share your css ideas to all

alabtechnosoft

mounika Its actually thrown an error, can you please help me the correct code...?

alabtechnosoft

mounika Any update on this, i tried but its not working 🙁)

Ricesy

alabtechnosoft Try this code once, Although it throws an error please save it , It will work.

.secondary-slider-wrapper {
display: grid;
grid-template-columns: repeat(4, 2fr);
gap: 19px 0px;
width: 93%;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px;
background-color: #ffffff;
}

alabtechnosoft

Ricesy @mounika can we do the same with auto slider (5 sec) like categories on home page should be auto slider every 5 sec once...????

thanks in advance 🙂

TarunKumar

Ricesy
this is working fine... but how to change store category slide size like

alabtechnosoft

@[deleted] @mounika @Ricesy @JusanSG @ShauryaSaxena @PrintingTShirts @GitarthaChoudhury @soodomaa @NikhilJain Can one help me to get this layout on home page???

Also, can we do the same with auto slider (5 sec) like categories on home page should be auto slider every 5 sec once...????

thanks in advance 🙂

GitarthaChoudhury

alabtechnosoft do u have extended license or regular license?

alabtechnosoft

GitarthaChoudhury I have regular only brother

alabtechnosoft

GitarthaChoudhury

@[deleted] @mounika @Ricesy @JusanSG @ShauryaSaxena @PrintingTShirts @GitarthaChoudhury @soodomaa @NikhilJain Can one help me to get this layout on home page???

GitarthaChoudhury

alabtechnosoft coupon system can be done on extended but on regular license it can be done too but it will take time to try it out.

[deleted]

alabtechnosoft Quick Links is same as Category Slider... and yes you can easily change its design using custom CSS.

Not sure about the coupon part, I guess you'll need extended license to do it.

knurillaev

alabtechnosoft Hi friend, tell me how did you hide the prices for customizable items?
https://prnt.sc/1liaun8

alabtechnosoft

knurillaev Hello Brother, I just created product with ZERO price, and create add-on and add on it.

firozniravil

josan420

Thanks for the code,
but it doesn't work for me in all icon. check screenshot and help me

TarunKumar

firozniravil

Try This..

/GPS - User Navigation/
.si.si-pointer.fa-2x {
background-image: url("https://i.imgur.com/n2IDk9H.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/Alert - User Navigation/
.si.si-bell.fa-2x {
background-image: url("https://i.imgur.com/GfL3oLS.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/Search - User Navigation/
.si.si-magnifier.fa-2x {
background-image: url("https://i.imgur.com/xC4aZTn.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/* Cart - User Navigation*/
.si.si-bag.fa-2x {
background-image: url("https://i.imgur.com/X8XF3yZ.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}

/Account - User Navigation/
.si.si-user.fa-2x {
background-image: url("https://i.imgur.com/GjmgD8i.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}

firozniravil

TarunKumar No only cart is working

HungryTime

firozniravil /* GPS - User Navigation / (this line is wrong)

change into /* GPS - User Navigation */

TarunKumar

firozniravil

HungryTime

Direct copying from custom css gets star hidden so this is the problem

firozniravil

/* GPS - User Navigation /
.si.si-pointer.fa-2x {
background-image: url("https://i.imgur.com/n2IDk9H.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Alert - User Navigation /
.si.si-bell.fa-2x {
background-image: url("https://i.imgur.com/GfL3oLS.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Search - User Navigation /
.si.si-magnifier.fa-2x {
background-image: url("https://i.imgur.com/xC4aZTn.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Cart - User Navigation */
.si.si-bag.fa-2x {
background-image: url("https://i.imgur.com/X8XF3yZ.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}

/* Account - User Navigation */
.si.si-user.fa-2x {
background-image: url("https://i.imgur.com/GjmgD8i.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}`

THis code is working if we put (*) on each ,

Star (*) is missing

knurillaev

alabtechnosoft no brother, I also created at 0 price and added add-ons but this price of 0 does not disappear

firozniravil

TarunKumar @HungryTime

Yes,
Thank you... )

animehouse

TarunKumar This design is beautiful can u help in building it

mounika

TarunKumar Hello, tarunkumar can you drop your mail ID to contact you regarding that design or you can mail me here kmounika370@gmail.com

ahsanzahid

TarunKumar Can you share the code of it?

« Previous Page Next Page »