Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 29, 2023 at 5:42 pm #1402947
    Monika

    Hey There, perhaps you can help?

    I would like to overlap the picture at the bottom with the boxer looking at us. It should be OVER the Boxer looking at the floor.

    In thing this has something to do with the css of the Color sections.

    Thank you :)

    Color section with Dogs on right site:

    
.hintergrund-06 {
  background-image: url('https://boxstudio-andres.de/wp-content/uploads/2023/02/kachel-1.jpg');
  background-repeat: repeat;
  background-position: left top;
  position: relative;
  overflow: auto;
}

.hintergrund-06::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('https://boxstudio-andres.de/wp-content/uploads/2023/03/boxstudio-andres-hamburg-hintergruende-01.svg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  z-index: 3;
}

/* erhöhen  z-Index, sonst hinten  */
.hintergrund-06 {
    z-index: 4;
}

    Color section With Man looking at the floor:

    
.hintergrund-04 {
  background-image: url('https://boxstudio-andres.de/wp-content/uploads/2023/02/kachel-1.jpg');
  background-repeat: repeat;
  background-position: left top;
  position: relative;
  overflow: auto;
}

.hintergrund-04::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('https://boxstudio-andres.de/wp-content/uploads/2023/03/boxstudio-andres-hamburg-hintergruende-07.svg');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  z-index: 0;
}

/* erhöhen  z-Index, sonst hinten  */
.hintergrund-04 {
    z-index: 2;
}
    April 1, 2023 at 6:11 pm #1403225
    Mike

    Hey Monika,
    Thank you for your patience, please try adding this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.page-id-883 #av_section_3.hintergrund-05 {
    z-index: 2;
    position: relative;
    margin-top: -200px;
    background-image: unset;
}
#top.page-id-883 #av_section_3.hintergrund-05.main_color {
	background: transparent;
} 
.html_stretched #top.page-id-883 #wrap_all {
    background-image: url(https://boxstudio-andres.de/wp-content/uploads/2023/02/kachel-1.jpg);
    background-repeat: repeat;
    background-position: left top;
    position: relative;
    overflow: auto;
}

    Please see the screenshot in the Private Content area.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.