Blog Catalog Module - Styling

When editing the blog catalog, styling is the second group of settings you can define. Styling both the Blog Catalog and Blog Posts page should help you create a fully customized, professional design.

 

1. Background

In this section you can define the background of the Blog Catalog Module. This includes adding a solid color, transparency or image to the background.

 

2. Border

In this section you can define the outside border of the module. Define the border in terms of color, width, style and radius. 


3. ARROWS

In case you have enabled arrow navigation (under the Blog Catalog Settings), in this section it is possible to style the arrows. You can define the arrow's background width and height as well as its color in all states - normal and hover. It is also possible to define the actual icon (arrow) size as well as its color in all states. The last styling option is the border radius where it is possible to round up the icon background.


4. CIRCLE PAGINA

In case you have enabled circle pagina (under the Blog Catalog Settings), in this section it is possible to style the width and height of the dots as well as their background and border color in all states - normal, hover and active. It is also possible to define the border width and radius, which dictates how rectangular or round the icons should be.

 

5. Spacing

In this section you can define the spacing of the module, both in terms of margin - space outside of an element - and padding - space inside of an element.

 

4. Global Styling

You can find other styling options under the Global Styling tab of the editor. Find Blog settings on the left side menu and you will be able to globally style both the Blog Catalog and Blog Posts.

 

4.1. Blog Catalog

In this section it is possible to style some general elements of the Blog Catalog - background color, border, arrow and circle pagina navigation, and spacing; some text related styling - for info text (timestamp, author and comments), title and text (preamble); and finally button styling - placement, background color and text.

 

4.2. Blog Posts

In this section it is possible to style the actual post page. The styling elements include the featured image, the divider, the post text, the comments text and the download button.

 

Anything we’ve not covered?

Contact Us