Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 28, 2020 at 12:25 am #1188690
    volmering

    hey there,

    i have severals color sections. the middle section needs to be on top of the others. this section has a png as background.

    my code:

    #above   {
	z-index:99999999 !important;
}

#below {
	z-index: 5 !important;
}

    ps: the padding settings are fine

    here are the links:

    • This topic was modified 4 years, 8 months ago by volmering.
    February 29, 2020 at 8:43 pm #1189070
    Victoria

    Hey Ramon,

    It can be easier to have the middle section just white and make the green section to have the border image. Then you’ll not need to figure the z-indexes out.

    Best regards,
    Victoria

    March 1, 2020 at 3:14 pm #1189218
    volmering

    hey victoria,

    thx for the anwer. but i create the site just as an example. i need the “z-indexing” :-)

    because the site has several colorsections all with images as background. i cant use the border-option. its a design thing.

    i found a bad solution with grid-rows – padding – photoshop – many different versions for all devices and so on. see private pls.

    when i know how i can set the z-index for a color-section… —> that would be great :-)

    • This reply was modified 4 years, 8 months ago by volmering.
    March 2, 2020 at 2:31 pm #1189437
    Nikko

    Hi volmering,

    Unfortunately, we don’t have an option to add z-index.
    The workaround that we can offer is to add a Custom CSS Class to a Color Section, for example you can have a class of my-section then on another Color Section you put a class of my-section2, after that go to Enfold > General Styling > Quick CSS, then add these CSS code:

    .my-section {
  z-index: 50;
}

.my-section2 {
  z-index: 45;
}

    Hope this helps.

    Best regards,
    Nikko

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