Video + Header Full Screen | A Bun In The Oven

Beschrijving

sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fadsdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d 2 4 3 4w d

Systeem aanpassen thema • Divi option > general > aangepaste css

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !important;
}

ul.et_pb_tabs_controls {
  background-color: transparent;
}

/*  .pdfjs-fullscreen h4 a {
    color: #3d7500;
}
*/

.pdfjs-fullscreen a {
  color: #3d7500 !important;
}

h6 {
  font-size: 14px;
  line-height: 1.5em;
  font-family: "Crimson Text", serif;
  font-weight: 500;
	/* Medium font weight is 500 */
  letter-spacing: normal; 
	/* Explicitly set normal letter spacing */
}


header#main-header.et-fixed-header {
    position: fixed!important;
}


@media screen and (max-width:980px){
.et_header_style_centered #main-header {
padding-top: 0px !important;
}
}


.pdfjs-fullscreen h6 a {
    color: #3d7500;
}

/* Proper Collapsable Mobile Menu */
/* Style the icon's placeholder */

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
  border-bottom: 0;
  text-align: center;
}

ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
  position: relative;
}

.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
}

/* Hide the Sub-menu */
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}

/* Show the sub-menu when the + icon is clicked */
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}

/* Create the opening/closing icon using the SVG Icons */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons {
  top: 10px;
  position: relative;
}

/* Hide the closing icon if the sub-menu is not open */
ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon {
  display: none;
}

/* Hide the opening icon if the sub-menu is open */
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon {
  display: none;
}


/* mobiel menu collapable */

span.mobile-toggle.no-smooth-scroll:before {
    content: "";
    height: 40px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
}

span.mobile-toggle.no-smooth-scroll {
    width: 100% !important;
}

span.mobile-toggle.no-smooth-scroll svg {
    position: absolute !important;
    right: 0 !important;
    left: inherit !important;
}

/* laat de x en + verdwijnen */ 
span.mobile-toggle.no-smooth-scroll svg {
    opacity: 0;
}


/*  einde script*/

#page-container {
    padding-top: 46px!important;
    margin-top: 0!important;
}

Divi options > integration > Voeg code toe aan de < head> van uw blog

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !importa

Divi options > integration > Voeg code toe aan de < body >

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !importa

Divi options > integration > Voeg code bovenaan uw posts toe.

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !importa

Divi options > integration >

Voeg code onderaan uw posts toe, geplaatst voor de reacties

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !importa

Divi componenten. aangepaste cs

Css in vrije vorm

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !importa

voor

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !importa

Hoofd elementen

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !importa

Na

.mfp-container {
background: rgba(255, 255, 255, 0.75) !important;
}

.mfp-figure:after {
box-shadow: none !importa

Afbeeldingen