FOODPELICAN.APP / CSS

Djaniel

Many people contact me daily via whatsapp etc. About my sites CSS code. For once and for all, my site is: www.foodpelican.app

Go to chrome, right click the CSS of element you like and inspect element. There you can see the CSS code. Enjoy 🙂

Please do not contact me in whatsapp I do not offer support of any kind. 😄

Djaniel

Djaniel If I share all my CSS it doesn't have explanation which element it is. So, its easier to go to browser, inspect-element and copy css from there.

renidev

Djaniel how to make the font poppins?

Kara

Djaniel Bro you know a pelican is not pink 😬 it’s a 🦩 Flamingo.

josan420

Thanks for sharing bro. Did u manage to redirect to homepage instead of location set up page?

Djaniel

josan420

Not yet, I'm doing other stuff, but will update here once I do it.

Kara

Djaniel how do you implement the image on background on top in store page? which file you coding?

PejyArceCasem

Hi... how did you do the share button at the right upper corner?

SamruddhaRajmane

PejyArceCasem i need this page css can you send me?

JusanSG

It's the default function of Foodomaa, version 2.6

XpertH

Kara
Admin panel,store, edit : in Meta Data insert the following code

josan420

Kara try this

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

Kara

XpertH i do it but not happens what you insert in custom css?

Carlos

XpertH Hi, do you know wich is the exact size of the imague to use? Thanks!

XpertH

Kara verify that you have the complete css code

XpertH

Carlos this is a model image that you can guide yourself with

https://www.stellaharasek.com/wp-content/uploads/2019/10/2019-10-20-notesonalife-annapiiroinen-YLP9.jpg

ventis

Awesome you're the coolest guy of the earth !

Carlos

XpertH , wich is the css code?

Carlos

XpertH Thanks a lot!

Kara

josan420 thank You

Kara

josan420 but this shows the Same Image on every store page

josan420

Kara yes I forgot that. I am using as a single store so didn't noticed that.
Than u have to play with css and use the store meta setting to place the background image there and use somehow padding-top: -100px something... not sure if this is how css work...

Djaniel

More modern looking design available for pop-up notifications