You are here

Home » API reference » Simple Mega Menu 2.0.x

style.css in Simple Mega Menu 2.0.x

Same filename in this branch
  1. 2.0.x css/style.css
  2. 2.0.x modules/simple_megamenu_example/css/style.css
Same filename and directory in other branches
  1. 8 modules/simple_megamenu_example/css/style.css
.simple-mega-menu .image-wrapper {
  position: relative;
}
.simple-mega-menu .image-wrapper .image-title {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  padding: 1rem 2rem;
  background-color: rgba(0, 0, 0, 0.6);
  transform: translateX(-50%) translateY(-50%);
  font-size: 2rem;
  color: #fff;
}

File

modules/simple_megamenu_example/css/style.css
View source 
  1. .simple-mega-menu .image-wrapper {

  2.   position: relative;

  3. }

  4. .simple-mega-menu .image-wrapper .image-title {

  5.   position: absolute;

  6.   top: 50%;

  7.   left: 50%;

  8.   text-align: center;

  9.   padding: 1rem 2rem;

  10.   background-color: rgba(0, 0, 0, 0.6);

  11.   transform: translateX(-50%) translateY(-50%);

  12.   font-size: 2rem;

  13.   color: #fff;

  14. }