Guys share your css ideas to all: Page 4

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

please share your css ideas with us

Guys share your css ideas to all

sachin

soodomaa OK. I just highlighted if you didn't noticed that.

Marmaris

Gо Dashboard/Stores/Editing in Meta Data/Custom Store Message
<div class="col-12">
<a class="link_insta" href="https://www.instagram.com/***" target="_blank">you's text</a>
</div>
Warning! <div class="col-12"> is impotent
Go settings/custom css
.link_insta {
padding: 0.5rem;
background: linear-gradient(90deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#bc1888 75%,#d047d1 100%);
border-radius: 5px;
text-align: center;
display: block;
}
a.link_insta:hover,
a.link_insta:active,
.link_insta {
color: #fff;
text-decoration: none;
}

ventis

Marmaris what is the need of this ? is it store wise or store by store ?

FLA

Marmaris Warning! <div class="col-12"> is impotent</div>

Do i need this?

ventis Yes you need to add step 1 on each store

FLA

XpertH I am pretty sure we can do that

If we use this code from Marmaris with the one from LuisMarcos

but unfortunately i am too noob to do it.

sachin

ventis it depends on business. Like such (store specific approach - but not specific to insta button) you can have pro feature as add-on to earn more.

ventis

FLA great !

JusanSG

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

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

LuisMarcos

restaurants can be hidden from main screen with just ccs, please help

tusHedel

LuisMarcos can you share the code is looks beautiful

FLA

LuisMarcos Is there a css to make the categories scroll list like the one you showed us or like the example above

soodomaa

FLA
.secondary-slider-wrapper {
/* padding: 0 !important; */
display: grid;
grid-template-columns: repeat(4, 2fr);
gap: 8px;
width: 93%;
margin: 0 auto;
border-radius: 5px;
background-color: #ffffff;
}

renidev

soodomaa how two do 4 row and 4 column without scroll?

FLA

https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns

Feels like we are learning together

soodomaa Tks. do you what could it be?

Hahaha never mind... After many trials i found this configuration

.secondary-slider-wrapper {
/* padding: 0 !important; */
display: grid;
grid-template-columns: auto auto auto;
gap: 20px;
width: 100%;
margin: 0 auto;
border-radius: 10px;
background-color: #ffffff;
}

even though idk what it means everything now i am trying to reduce the space in the red lines

alabtechnosoft

soodomaa Buddy, Can you please help me to fix the second row first category alignment issue as you see the screenshot.

Code Which I'm Using:
.secondary-slider-wrapper {
/* padding: 0 !important; */
display: grid;
grid-template-columns: repeat(10, 2fr);
gap: 12px;
width: 100%;
margin: 0 0;
border-radius: 5px;
background-color: #ff5722;
}

soodomaa

renidev

soodomaa cool... Can you share the code? How made the header look like that?

STREAMTRADE

soodomaa How do you make a headline like this?

renidev

soodomaa anyone know how to create a header like this?

Rahul

soodomaa Can you please share this code

LuisMarcos

.pt-50, .py-50 {
padding-top: 102px !important;
box-shadow: inset -1px 300px 200px #0000000a;
margin-bottom: -10px!important;
background-repeat: no-repeat!important;
background-size: 143%!important;
background-image: url(https://i.ibb.co/KzRMCVJ/ban-png.jpg)!important;
max-height: 338px!important;
max-width: 399px!important;
}

XpertH

LuisMarcos Podría ser una imagen distinta para cada comercio?

bhojmandu

LuisMarcos it is also show in delivery guy app
how can we hide in delivery guy app

Vitali

LuisMarcos Thanks, it works!

timeskartdesigner

LuisMarcos wow

« Previous Page Next Page »