Class #
OPENING #
class parent => li.slide--opening
.wds--title
.wds--name
.wds--image
.wds--opening
.wds--guest
.wds--button
GREETING #
class parent => li.slide--greeting
.wds--title
.wds--description
BRIDE/GROOM/PROFILE #
class parent => li.slide--bride/li.slide--groom/li.slide--profile
.wds--image
.wds--name
.wds--description
.wds--button
EVENT 1 #
class parent => li.slide--event1
.wds--akad-title
.wds--akad-tanggal
.wds--akad-jam
.wds--akad-lokasi
.wds--akad-alamat
.wds--title
.wds--tanggal
.wds--jam
.wds--lokasi
.wds--alamat
.wds--countdown
.wds--button
EVENT 2 #
class parent => li.slide--event2
.wds--title
.wds--description
.wds--tanggal
.wds--jam
.wds--lokasi
.wds--alamat
.wds--button
MAPS #
class parent => li.slide--maps
.wds--maps
.wds--location
.wds--address
.wds--button
GALLERY #
class parent => li.slide--gallery
.wds--title
LOVES #
class parent => li.slide--loves
.wds--title
QUOTES #
class parent => li.slide--quotes
.wds--description
.wds--title
RSVP #
class parent => li.slide--rsvp
.wds--title
.wds--description
.wds--text
.wds--button
LIVE #
class parent => li.slide--live
.wds--title
.wds--description
.wds--button
.wds--text
GIFT #
class parent => li.slide--gift
.wds--title
.wds--description
.wds--button1
.wds--button2
INVITE #
class parent => li.slide--invite
.wds--title
.wds--invite-wrap
THANKS #
class parent => li.slide--thanks
.wds--text1
.wds--text2
.wds--name
.wds--branding
.wds--branding-img
Contoh : #
Mengubah warna teks nama pada slide opening.
<style>
li.slide--opening .wds--name{
color: #202124 !important;
}
</style>
Mengubah ukuran logo branding pada slide thanks.
<style>
li.slide--thanks .wds--branding-img {
width: 35%;
}
</style>
Mengubah ukuran foto mempelai menjadi memanjang.
<style>
li.slide--bride .rounded-custome, li.slide--groom .rounded-custome {
border-radius: 50% / 25%;
height: 300px !important;
width: 200px !important;
}
li.slide--bride .rounded-custome img, li.slide--groom .rounded-custome img {
display: block;
height: 100%;
}
</style>