Style guide

Blockpress theme has a lot of ready style presets for each core blocks. But there are also some additional classes which you can add in Class section

You can mix these classes with styles.

Group block

Negative margins. Allows to make some overflowed elements.

Classes are next

fr-negative-margin-3

fr-negative-margin-5

fr-negative-margin-10

fr-negative-margin-bottom-3

fr-negative-margin-bottom-5

fr-negative-margin-bottom-10

Post featured Image block

Class to make some hover scale effect

fr-hover-scale-img

Navigation block

fr-soft-rounded fr-hard-rounded fr-cubebtnwhite fr-cubebtndark

Use one of these classes to add round corners, 3d button effect to navigation block

Column block

fr-tablet-collapse

Will make collapsible columns not only on mobiles but also on tablets

Search block

is-style-floating-white-search

Will turn regular search block into sliding search which will be visible on click. You can see such search icon in header of this site. Search must be placed in header part

Template part

fr-position-absolute

Must be added to header template part if you want to make transparent header. Anyway, theme has predefined transparent template part