Boxed Layout | Educon - Documentation | JoomShaper
JoomShaper’s 14th Birthday: 35% Off All Products! Redeem Now!

Educon

Updated Last: 09 March 2023

Boxed Layout

You can use EduCon template in wide (default) or boxed layout variant. This option can be changed from template settings (Basic tab).

wide  and boxed layout

Boxed layout allows you to use a background image - check below template settings. 

background image for template 

 Note! The Background Size CSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio. In most cases, you can leave the default (inherit) value. But you can choose as well:

  • contain - scales the background image to the largest size such that both its width and its height can fit inside the content area.
  • cover - scales the background image as large as possible and maintains image aspect ratio (image doesn't get squished). The image "covers" the entire width or height of the window container. 

 bg img for theme

If you want to add some space in the top section, for desktop view only, you have to use custom CSS, and example code is below:

@media (min-width: 1024px) {
 .layout-boxed .body-innerwrapper { margin: 40px auto 0 !important;}
}

 How to use custom CSS in Helix3 based templates:: https://www.joomshaper.com/documentation/helix-framework/helix3#custom-css-header-code

bg img for theme