Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 4, 2017 at 6:57 am #872411
    kelsangchodor

    Hi Guys,

    Any idea why the diagonal of this color section on this page:

    New Kadampa Tradition

    is overlapping the title within the color section?
    It didn’t do this until I added another color section underneath
    Any ideas why?
    Best Wishes,
    Christopher Skelton.

    • This topic was modified 6 years, 11 months ago by kelsangchodor. Reason: Nobody replying!
    November 7, 2017 at 1:44 am #873469
    kelsangchodor

    Any ideas what this might be guys?
    Thanks for any help.

    November 7, 2017 at 4:11 am #873503
    Ismael

    Hi,

    Thank you for using Enfold.

    Please add the following css code in the QuicK CSS field.

    .av-section-color-overlay + .container + .border-extra-diagonal,
.av-section-color-overlay + .scroll-down-link + .container + .border-extra-diagonal{
    z-index: 1;
}

    Or make sure that the site is running on the latest version of the theme, 4.2.

    We would like to apologize for the late response.

    Best regards,
    Ismael

    November 7, 2017 at 6:56 am #873561
    kelsangchodor

    Hi Ismael
    I added that code (and updated to 4.2) but I still have the problem.

    New Kadampa Tradition

    Can you help again please :)

    November 8, 2017 at 5:35 am #874000
    Ismael

    Hi,

    Thank you for the update. It’s not overlapping the title. Could you provide a screenshot of the issue? Use imgur or dropbox.

    Best regards,
    Ismael

    November 8, 2017 at 10:11 pm #874328
    kelsangchodor

    Hello
    Here’s the screenshot:
    https://www.dropbox.com/s/208zxj0vm2wiuab/problemenfold.jpg?dl=0

    It seems to work fine on mobile – but not on desktop – see how diagonal goes over title and also layer slider above it.

    Thanks for any help,

    Best wishes,

    Christopher Sketlon.

    November 9, 2017 at 7:26 am #874496
    Ismael

    Hi,

    Please edit the color section, apply a unique Section ID to it (ex: “custom-section”) then use the following css code.

    #custom-section .container {
    z-index: 2;
}

    Best regards,
    Ismael

    November 9, 2017 at 7:31 am #874505
    kelsangchodor

    Unfortunately still didn’t work.

    I put “custom-section” into the ID

    Then copied this code into quick CSS:

    #custom-section .container {
    z-index: 2;
    }

    Even tried !important at the end – still didn’t work.

    November 10, 2017 at 6:24 am #875009
    Ismael

    Hi,

    It works in the browser inspector. Please post the login details in the private field so that we can check the modification.

    Best regards,
    Ismael

    November 11, 2017 at 5:59 am #875428
    kelsangchodor

    Thanks for your help. Here it is below

    It works OK on mobile – but not on desktop.

    November 13, 2017 at 5:43 am #875950
    Ismael

    Hi,

    You’re probably looking on a cached version of the site. This is what I see on my end.

    // https://imgur.com/a/j6x6p

    Best regards,
    Ismael

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