Til toppen
image

Hvordan legge til bakgrunnsbilde

Ved hjelp av designfanen i admingrensesnittet kan dere selv legge til bakgrunnsbilde eller -farge på sider.

1. juni av Einar Nyland Kjær


For dere som har litt interesse for design og ønsker å lage en side med egen bakgrunn, kan dere ta i bruk design-fanen inne på en side og lime inn teksten vist i ett av de tre eksemplene nedenfor. 

For å endre til bakgrunnsbilde er det informasjonen i "url" som skal byttes ut. Last opp det bildet du ønsker å benytte i admin under "Media"/"Bilder", trykk på bildet når det er lastet opp og kopier bildets url. Erstatt bilde-url i eksemplet nedefor med denne. 

Det finnes flere måter å legge til bakgrunnsbilde med tanke på utforming, repeterende mønster og lignende. Det er bare å ta kontakt dersom dere ønsker bistand med dette.

PS! Dere har mulighet til å legge inn egne bakgrunnsbilder på enkeltsider, men dersom dere ønsker en for hele nettbutikken gjør vi det for dere.

            #page #columns .container {
                background: white;
            }
            #footer {
                margin-top: 0px;
            }
            #content {
                background-image: url('https://res.cloudinary.com/gurusoftecommerce-no/image/upload/d_bilde_kommer.png,f_auto,q_auto/v1590391278/sean-o-KMn4VEeEPR8-unsplash');
                background-size: cover;
                background-repeat: no-repeat;
                background-attachment: fixed;
            }
            
            #page #columns .container {
                background: transparent;
            }
            #footer {
                margin-top: 0px;
            }
            #content {
                background-image: url('https://res.cloudinary.com/gurusoftecommerce-no/image/upload/d_bilde_kommer.png,f_auto,q_auto/v1590391278/sean-o-KMn4VEeEPR8-unsplash');
                background-size: cover;
                background-repeat: no-repeat;
                background-attachment: fixed;
            }
            
            #page #columns .container {
                background: white;
            }
            #footer {
                margin-top: 0px;
            }
            #content {
                background:#d4d4d4;
            }
            

Hva synes du om denne artikkelen?