Source: variables/_variables-wdpk.scss, line 3180
Variables to customize the Blog Listing
| Variable | Options |
|---|---|
| $wdpk-blog-list-col-count | Blog listing Column Count for the masonry layout |
| $wdpk-blog-list-classic-col-count | Blog listing Column Count for classic blog layout |
| $wdpk-blog-list-col-gutter | Gutter space between blog listing columns |
| $wdpk-blog-list-col-margin-bottom | Margin below the blog listing columns |
| $wdpk-blog-list-content-align | Content alignment for blog listings. Possible options center, left, right |
| $wdpk-blog-list-border-width | The border width for the outline along the blog listing columns |
| $wdpk-blog-list-border-radius | The border radius for the outline along the blog listing columns |
| $wdpk-blog-list-border-color | The border color for the outline along the blog listing columns |
| $wdpk-blog-list-inner-border-radius | The inner border radius for the outline along the blog listing columns |
| $wdpk-blog-list-bg-color | Blog listing card background color |
| $wdpk-blog-list-shadow | blog listing shadow map |
| $wdpk-blog-list-cat-badge-top-margin | Blog listing category section top margin |
| $wdpk-blog-list-cat-badge-bottom-margin | Blog listing category section bottom margin |
| $wdpk-blog-list-cat-badge-font-size | Blog listing category section badge font size |
| $wdpk-blog-list-cat-badge-font-family | Blog listing category section badge font family |
| $wdpk-blog-list-cat-badge-color | Blog listing category section badge font color |
| $wdpk-blog-list-cat-badge-font-weight | Blog listing category section badge font weight |
| $wdpk-blog-list-cat-badge-bg-color | Blog listing category section badge background color |
| $wdpk-blog-list-title-font-size | Blog listing title font size |
| $wdpk-blog-list-title-font-family | Blog listing title font family |
| $wdpk-blog-list-title-color | Blog listing title font color |
| $wdpk-blog-list-title-font-weight | Blog listing title font weight |
| $wdpk-blog-list-title-margin-bottom | Blog listing title font margin bottom |
| $wdpk-blog-list-title-margin-top | Blog listing title font margin top |
| $wdpk-blog-list-auth-sec-font-size | Blog listing author meta section font size |
| $wdpk-blog-list-auth-sec-font-family | Blog listing author meta section font family |
| $wdpk-blog-list-auth-sec-color | Blog listing author meta section font color |
| $wdpk-blog-list-auth-sec-font-weight | Blog listing author meta section font weight |
| $wdpk-blog-list-auth-sec-margin-top | Blog listing author meta section margin top |
| $wdpk-blog-list-auth-sec-margin-bottom | Blog listing author meta section margin bottom |
| $wdpk-blog-list-auth-sec-padding-top | Blog listing author meta section padding top |
| $wdpk-blog-list-auth-sec-padding-bottom | Blog listing author meta section padding bottom |
| $wdpk-blog-list-auth-sec-background-color | Blog listing author meta section background color |
| $wdpk-blog-list-comment-font-size | Blog listing comment meta section font size |
| $wdpk-blog-list-comment-font-family | Blog listing comment meta section font family |
| $wdpk-blog-list-comment-color | Blog listing comment meta section font color |
| $wdpk-blog-list-comment-font-weight | Blog listing comment meta section font weight |
| $wdpk-blog-list-comment-margin-top | Blog listing comment meta section margin top |
| $wdpk-blog-list-comment-margin-bottom | Blog listing comment meta section margin bottom |
| $wdpk-blog-list-comment-padding-top | Blog listing comment meta section padding top |
| $wdpk-blog-list-comment-padding-bottom | Blog listing comment meta section padding bottom |
| $wdpk-blog-list-comment-background-color | Blog listing comment meta section bacgrodun color |
| $wdpk-blog-list-comment-icon-color | Blog listing comment meta section icon color |
| $wdpk-blog-list-comment-x-padding | Blog listing comment meta section x-axis padding |
| $wdpk-blog-list-excerpt-font-size | Blog listing excerpt font size |
| $wdpk-blog-list-excerpt-font-family | Blog listing excerpt font family |
| $wdpk-blog-list-excerpt-color | Blog listing excerpt font color |
| $wdpk-blog-list-excerpt-font-weight | Blog listing excerpt font weight |
| $wdpk-blog-list-excerpt-margin-top | Blog listing excerpt margin top |
| $wdpk-blog-list-excerpt-margin-bottom | Blog listing excerpt margin bottom |
| $wdpk-blog-list-btn-color | Available Options 'primary','secondary','light', 'dark' |
| $wdpk-blog-list-btn-type | Available Options 'flat', 'outline' |
| $wdpk-blog-list-btn-size | Available Options 'small', 'large', 'default', 'block' |
| $wdpk-blog-list-quote-background-color | Blog listing quote post background color |
| $wdpk-blog-list-quote-padding | Blog listing quote post padding |
| $wdpk-blog-list-quote-font-size | Blog listing quote post font size |
| $wdpk-blog-list-quote-font-family | Blog listing quote post font family |
| $wdpk-blog-list-quote-color | Blog listing quote post font color |
| $wdpk-blog-list-quote-font-weight | Blog listing quote post forn weight |
| $wdpk-blog-list-quote-margin-bottom | Blog listing quote post margin below quote |
| $wdpk-blog-list-quote-footer-font-color | Blog listing quote post footer font color |
| $wdpk-blog-list-footer-bg-color | Footer Background color ofr Grid Listing. Footer is used in grid type blog listing only |
Source: variables/_variables-wdpk.scss, line 3339
Variables to customize the Blog Single Page
| Variable | Options |
|---|---|
| $wdpk-blog-list-col-count | Blog listing Column Count Works for the classic layout as well as the masonry layout |
| $wdpk-blog-list-col-gutter | Gutter space between blog listing columns |
| $wdpk-blog-list-col-margin-bottom | Margin below the blog listing columns |