When you are a developer of wordpress flatsome, in the process of editing a child theme or plugin, a lot of css lines will be written. Why don’t we make good use of what flatsome has.
And I have listed the discrete classes in flatsome.
Maybe this will help you, please look forward to it.
I will update continuously.
css
Donate
.full-width,.expand {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
display: block
}
.pull-right {
float: right;
margin-right: 0 !important
}
.pull-left {
float: left;
margin-left: 0 !important
}
.mb {
margin-bottom: 30px
}
.mt {
margin-top: 30px
}
.mr {
margin-right: 30px
}
.ml {
margin-left: 30px
}
.mb-0 {
margin-bottom: 0 !important
}
.ml-0 {
margin-left: 0 !important
}
.mr-0 {
margin-right: 0 !important
}
.mt-0 {
margin-top: 0 !important
}
.mb-half {
margin-bottom: 15px
}
.mt-half {
margin-top: 15px
}
.mr-half {
margin-right: 15px
}
.ml-half {
margin-left: 15px
}
.mb-half:last-child,.mb:last-child {
margin-bottom: 0
}
.pb {
padding-bottom: 30px
}
.pt {
padding-top: 30px
}
.pb-half {
padding-bottom: 15px
}
.pt-half {
padding-top: 15px
}
.pb-0 {
padding-bottom: 0 !important
}
.pt-0 {
padding-top: 0 !important
}
.no-margin {
margin: 0 !important
}
.no-padding {
padding: 0 !important
}
.inner-padding {
padding: 30px
}
.first-reset *:first-child {
margin-top: 0
}
.last-reset *:last-child {
margin-bottom: 0
}
.no-select {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.is-round {
border-radius: 99px
}
.circle {
border-radius: 999px !important;
object-fit: cover
}
.has-border {
border: 2px solid #446084;
padding: 15px 30px 30px
}
.dashed-border {
border-style: dashed
}
.success-border {
border-color: #7a9c59
}
.bt {
border-top: 1px solid #ececec
}
.bb {
border-bottom: 1px solid #ececec
}
.bl {
border-left: 1px solid #ececec
}
.br {
border-right: 1px solid #ececec
}
.hidden {
display: none !important;
visibility: hidden !important
}
.is-invisible {
visibility: hidden;
opacity: 0
}
.z-1 {
z-index: 21
}
.z-2 {
z-index: 22
}
.z-3 {
z-index: 23
}
.z-4 {
z-index: 24
}
.z-5 {
z-index: 25
}
.z-top {
z-index: 9995
}
.z-top-2 {
z-index: 9996
}
.z-top-3 {
z-index: 9997
}
.no-click {
pointer-events: none
}
.no-wrap {
white-space: nowrap
}
.relative {
position: relative !important
}
.absolute {
position: absolute !important
}
.fixed {
position: fixed !important;
z-index: 12
}
.top {
top: 0
}
.right {
right: 0
}
.left {
left: 0
}
.bottom {
bottom: 0
}