Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Toisessa taas määritellään taustakuvasta näytettävä kohta. kohta background-position avulla. Toiminnon käyttöä on avattu hyvin sivulla: https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-position 

Code Block
languagecss
titleCustom.less
.introduction-text{
    background-color: @brand-primary;
    position: relative;
    display: inline-block;
    max-width: 450px;
    padding: 1.5em;
    border-radius: 20px 25px 40px 0px;
    margin-bottom: 1em;
    margin-top: 2em;
}

.introduction h3{
    text-shadow: none;
}

.introduction-text :before{content:"";position:absolute;bottom:-12px;margin:auto;left:0;border-width:0 0 12px 12px;border-style:solid;border-color:transparent @brand-primary;}
 
.template-dir-search.template-name-home .search-form-container {
    padding-top: 7em;
    padding-bottom: 7em;
}

.template-dir-search.template-name-home .searchContent {
    background-position: center center;
}

...