Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 2, 2024 at 8:11 pm #1432861
    GWS

    We have a booking widget installed on a website and are using the widget element to display it on the pages. There is a color section below it that has an image in it. The widget element the booking calendar opens with part of it hidden by the image that is within the color element below it.

    Is there any css you can recommend to get the booking widget to appear above the color section? I’ve include links to the pages in question so you can see the issue. Any advice is appreciated.

    February 3, 2024 at 1:48 pm #1432874
    Mike

    Hey GWS,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .page-id-452 #av_section_3 {
	z-index: 0;
    position: relative;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 8, 2024 at 10:10 pm #1433741
    GWS

    Mike,
    Thank you for your reply and for your help. Your suggestion worked great for that page, but we are using the widget ion other pages as well. I’ve added the following to the CSS:

    .page-id-452 #av_section_3 {
    z-index: 0;
    position: relative;
    }
    .page-id-717 #av_section_1 {
    z-index: 0;
    position: relative;
    }

    Page id 452 worked as you recommended. Page id 717 the calendar still appears behind the content below it even though the widget is the same and the section id # was adjusted in the css. I’ve added the page links in private content for you to see.

    Since we are using this widget on different pages, might you have a suggestion that would be more ‘global’? Thanks, again!

    February 9, 2024 at 11:26 am #1433791
    Rikard

    Hi,

    Please try this CSS instead:

    .page-id-717 #av_section_2 {
  z-index: 0;
  position: relative;
}

    If you want to try something global, then please add this instead:

    .avia-section {
  z-index: 0;
  position: relative;
}

    Best regards,
    Rikard

    February 9, 2024 at 5:16 pm #1433835
    GWS

    That works — thank you!

    February 9, 2024 at 5:19 pm #1433840
    Mike

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Main content widget box opening behind color section’ is closed to new replies.