Skip to content

Blog Category List Title

Styles for a blog category list title used in blog_category_list_title module.

Structurally there is just one element .blog-category-list-title

Example

HTML
    <h1 class="blog-category-list-title">
        Category List Title
    </h1>

Blog Category List Title variables

You can modify any blog-category-list-title less variable in your User Less section to change blog category list title styles.

Variables used to style blog category list title.

@blogCategoryListTitleFontSize: 32;
@blogCategoryListTitleLineHeight: 40;
@blogCategoryListTitleFontWeight: @fontWeightSemibold;

@blogCategoryListTitleColor: @globalFontColor;

@blogCategoryListTitleMarginBottom: @globalSpacing * 2;

If you want to change blog category list title styles, you can just change the variables. To change a default font-size just modify @blogCategoryListTitleFontSize variable.

@blogCategoryListTitleFontSize: 12;

Styles for Blog Category List Title

Here are standard blog category list title styles.

.blog-category-list-title {
    .font-size(@blogCategoryListTitleFontSize);
    .line-height(@blogCategoryListTitleLineHeight);
    font-weight: @blogCategoryListTitleFontWeight;

    color: @blogCategoryListTitleColor;

    margin-bottom: @blogCategoryListTitleMarginBottom;
}

Modules reference