UX Builder
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
[section label="CSS: coming-soon-music-hero" bg="https://flatelements.sebastiaangamelkoorn.nl/wp-content/uploads/2019/02/coming-soon-page-music-ux-builder.jpg" bg_overlay="rgba(0,0,0,.5)" dark="true" class="coming-soon-music-hero"] [gap height="70px"] [row] [col span="3" span__sm="6" span__md="4"] [ux_image id="225"] [/col] [/row] [gap height="70px"] [row] [col span="5" span__sm="12" span__md="8" align="left"] Creating music for the people Website under construction[/col] [/row] [gap height="70px" visibility="hide-for-small"] [row v_align="middle"] [col span="5" span__sm="12" span__md="12"] [button text="info@domain.com" color="white"] [button text="+31202340234" color="white" style="underline"] [/col] [col span="7" span__sm="12" span__md="12"] Listen while you wait [row_inner] [col_inner span__sm="12" span__md="12" padding="20px 20px 20px 20px" bg_color="rgba(227, 227, 227, 0.52)" class="coming-soon-music-player"] [/col_inner] [/row_inner] [/col] [/row] [gap height="100px"] [/section] |
CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
/*************** COMING SOON PAGE: MUSIC ***************/ .coming-soon-music-hero h2.headline { font-size: 320%; /* Change font size mobile & tablet */ line-height: 100%; } @media screen and (min-width: 1200px) { .coming-soon-music-hero h2.headline { font-size: 400%; /* Change font size desktop */ } } .coming-soon-music-hero p.spaced-out { text-transform: uppercase; letter-spacing: 2px; font-size: 80%; margin-bottom: 5px; } .coming-soon-music-player p { margin-bottom: 5px; } |