You are here

Home » API reference » View Modes Inventory - Bootstrap Ready 8

hero-xlarge.css in View Modes Inventory - Bootstrap Ready 8

Same filename in this branch
  1. 8 css/hero/layout/hero-xlarge.css
  2. 8 css/hero/theme/hero-xlarge.css
Same filename and directory in other branches
  1. 8.2 css/hero/layout/hero-xlarge.css
.hero-view-mode.xlarge .main-content {
  position: relative;
}
.hero-view-mode.xlarge .hero-content {
  position: absolute;
  width: 50%;
  top: 20%;
  bottom: 20%;
  left: 5%;
  right: 5%;
  padding: 1.2em;
  z-index: 3;
}

File

css/hero/layout/hero-xlarge.css
View source 
  1. .hero-view-mode.xlarge .main-content {

  2.   position: relative;

  3. }

  4. .hero-view-mode.xlarge .hero-content {

  5.   position: absolute;

  6.   width: 50%;

  7.   top: 20%;

  8.   bottom: 20%;

  9.   left: 5%;

  10.   right: 5%;

  11.   padding: 1.2em;

  12.   z-index: 3;

  13. }