Guys share your css ideas to all: Page 8

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

please share your css ideas with us

Guys share your css ideas to all

mounika

alabtechnosoft
Activate your slider and add this in Custom CSS

.slider-wrapper.secondary-slider-wrapper.my-20{
    display: grid;
    grid-template-columns: repeat(4, 2fr);
    gap: 10px;
   }

alabtechnosoft

mounika i want my categories should be like this not main header banner images 🙁

mounika

alabtechnosoft

Wait, I helped one guy last time. I forgot how to do that. Let me check my previous mails once

mounika

alabtechnosoft

Try this

.slider-wrapper.secondary-slider-wrapper.my-20 {
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto; 
    grid-template-columns: repeat(3, 2fr);
    grid-template-rows: 135px 135px;
    grid-gap: 0px;
}

If you have more rows, increase the grid-templates-rows: 135px 135px 135px;

Note: This will help you to get 3 columns
Didn't try 4, sorry

alabtechnosoft

mounika It's throw error

alabtechnosoft

mounika Check this website and let me know using inspect 🙂

https://togox.in/
Loct: Tiruchendur

alabtechnosoft

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

mounika

alabtechnosoft No problem

Save it and try

Checked the website you gave:
it is in normal state only. I mean the default design only

mounika

alabtechnosoft

ok ok wait

knurillaev

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

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.

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;
}

« Previous Page Next Page »