Guys share your css ideas to all: Page 2

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

please share your css ideas with us

Guys share your css ideas to all

LocalBazaar

renidev Keep playing with codes u will get everything.....

HOTIdeias

Dear friends
I spoke to djaniel a little while ago and explained to me that the sharing was already here on the forum.
Personally I think his sharing spirit Parabens Djaniel is fabulous.
I even think that he should create a PayPal account so that anyone who wants to donate some help, because programming in CSS requires time and knowledge and certainly if we offer him some coffees or beers he will be satisfied (I say ok)
My modest opinion remained ...

renidev

HOTIdeias correct

Djaniel

HOTIdeias Thanks for nice comment but I don't need any money. I need mod to delete my number I get tons of messages in whatsapp🙃 @Saurabh I can't delete my comment

LocalBazaar

Follow This link, was dltd before,
https://justpaste.it/4f35o
Credits to @Djaniel

HOTIdeias

I had already seen the link @Localbazarr
Thanks.

sachin

Djaniel Hi Djaniel. Would it be possible to share on dark mode. Trying from long time but couldn't work out for dark mode.

renidev

Can anyone give me the code again? When I copy paste in css field, it's showing lots of parsing errors. So am not getting the look as attached images above... Please help me somebody... Thanks in advance

FLA

Yes i understand it now. We just need to find out whats is the variable to put before the errors it could be (padding , height , font-size, once we learn what is it i think we clear all the errors)

renidev

FLA Yes. Any one got it working? Please share...

Djaniel

GUYS SORRY. IT SEEMS LIKE IT CREATED ERRORS IN THE SITE I SHARED WITH YOU. HERE IT IS: https://pastebin.com/mp6SZ245

soodomaa

Djaniel Thank you so much sir. I really love it 🙂

Can I check with you how not to overlap the address in the manage my address. see attached image.

Thank you 😉

FLA

Djaniel Tks my friend you really got it.

DOes anyone know whtas wrong here?

FLA

Djaniel Do you know where is the line where can change the label customization. In my app the "featured" "new" got the same customization i want to change it a little bit but i dont know in wich line is it.

"JusanSG thanks you solved it

ROANNYMENACHO

if someone wants the personalized categories, follow the code

/* TOP SLIDER - CATETEGORIES */
.custom-promo-img {
width: 20rem !important;
height:13rem !important;
}
.slider-wrapper__img {
height: 100px !important;
}

eddiesousa

ROANNYMENACHO /* TOP SLIDER - CATETEGORIES */
.custom-promo-img {
width: 20rem !important;
height:13rem !important;
}
.slider-wrapper__img {
height: 100px !important;
}

Parceiro, tem um contato para gente se falar aqui no Brasil?

Rahul

ROANNYMENACHO Hi,
What is the Best Size for coupons? share CSS for coupons

josan420

Css to show my account link in grid view. Credit to @Saurabh
.account-menu {
flex-wrap: wrap !important;
}
.account-menu .my-account-menu-item-block {
margin-bottom: 15px !important;
}
https://imgur.com/XltzO2b!

josan420

Lokesh /* 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;
}

Credi to @Lokesh

firozniravil

josan420

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

josan420

Lokesh Embedding Youtube Videos in Foodomaaaa...♥️♥️♥️

Embedded Youtube live videos & generating revenue from Store Owners & Customers💸💸💸💸

Go to Admin Panel > Modules > Translations > Edit > Home Page Screen Settings > Custom Home Message > Click </> - Code View Button & Paste the below Code & then click again this Code View Button to get Preview & Save Settings.
<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen=""></iframe> </div>
Lokesh

josan420

Lokesh Guyssss... I have a Custom CSS for you... It's looking too awesomeeee.... Try it....

Go to Admin Panel > Settings > Custom CSS > Insert the below Code & Save Settings.
.footer-float {
position: fixed;
bottom: 7px;
-webkit-box-shadow: 0px 2px 25px 12px rgb(0 0 0 / 9%);
box-shadow: 0px 2px 25px 12px rgb(0 0 0 / 9%);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-color: #2D2D2D;
text-align: center;
z-index: 2;
width: 96%;
border-radius: 0.6rem;
}

.footer-links {
color: #eeeeee;
font-weight: 500;
}

Again credit to @Lokesh

josan420

If any other custom code is availabe than please share it here and @Saurabh if you can make this thread sticky it will be very helpful for new users. Thanks

HOTIdeias

I increasingly like this forum and this script.
I'm just sorry I still can't share anything...
But one day I'll get there ...

JusanSG

FLA
At line 448: replace "d9" by ";"

soodomaa

To fixed the issue.
On your custom CSS find this class:

}
.block-content.block-content-full {
border-radius: 0px;
padding-bottom: 0px!important;

margin-top: -6px;
padding-top: 70px!important; --- remove this line

sachin

soodomaa This will disturb the alignment of store images on the home screen.

« Previous Page Next Page »