Guys share your css ideas to all: Page 3

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

please share your css ideas with us

Guys share your css ideas to all

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 ...

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?

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.

ROANNYMENACHO

does anyone know how to infirm me?

https://discuss.foodomaa.com/d/239-which-file-do-i-edit-to-make-changes-to-my-account

soodomaa

sachin I removed all the custom ccs. due to the customers demand. They don't like it. they prefer the default one.
clean, distraction free, direct to the point.

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.

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 !

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

« Previous Page Next Page »