Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 28, 2020 at 12:49 pm #1233740
    kardnas

    Hi,
    I use the demo Creative Studio and have added a button in the first content section, below the text and before the last white space. The strange thing is that the button doesn’t work. If I put it above the text it works, but below it doesn’t. Where did this go wrong? And better….how to fix this?

    Thanks and regards,
    Sandra

    July 29, 2020 at 5:30 am #1233851
    Jordan Shannon

    Hey kardnas,

    Add this to quick css:

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

    Best regards,
    Jordan Shannon

    July 29, 2020 at 7:01 am #1233888
    kardnas

    Thx Jordan, problem solved.
    Thread can be closed :-)

    Regards,
    Sandra

    July 29, 2020 at 9:54 am #1233917
    kardnas

    Oops, I just noticed something. And that is that the color of the diagonal is now gone. Which would mean all of the sections need to change colors.
    Is there a way to prevent the color of the diagonal to change combined with the above question?

    Thanks and regards,
    Sandra

    July 29, 2020 at 4:17 pm #1233973
    Jordan Shannon

    Hi,

    Do you mean the shadow? Try this css instead:

    .scroll-down-link + .container + .border-extra-diagonal{
z-index:0!important;
}

    If that doesn’t work please send a screenshot of what you mean.

    Best regards,
    Jordan Shannon

    August 4, 2020 at 1:55 pm #1235099
    kardnas

    Hi Jordan,
    It’s not the solution.
    Screenshot is not possible at the moment. But if you check my homepage and you look just under the banner in the top section, there is a diagonal. The diagonal had the color of the section below. With the first solution it disappeared. The only issue I had/have is the button in the section on top that isn’t working.
    The solutions provided make the button work, but removes the diagonal color in some way.

    Trust this is the needed information and my website shows the difference in color, even though the difference is not major.

    Thanks and regards,
    Sandra

    August 4, 2020 at 10:34 pm #1235223
    Jordan Shannon

    Hi,

    Can you comment out my code so I can see what you mean?

    Best regards,
    Jordan Shannon

    August 5, 2020 at 11:38 am #1235374
    kardnas

    Hi Jordan,

    By using the code it changes something in the diagonal. My original question was about a not working button in the first section on my homepage.
    What the code does, besides making the button work, is removing the chosen color of the diagonal on each page. This is only directly under the first section picture.

    Hope this clarifies your question.

    Thanks and regards,
    Sandra

    August 9, 2020 at 6:58 pm #1236322
    Mike

    Hi,
    Sorry for the late reply and thanks for the link to your site. The reason your button in the first section above the diagonal border is not working is because the diagonal border is overlaying the button. We can change the z-index to bring it to the top.
    Please try removing the css above and add this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.home #av_section_1 {
	z-index: 99 !important;
	position: relative !important;
}
#top.home #av_section_1 .av-extra-border-element.border-extra-diagonal {
	z-index: 0 !important;
	position: relative !important;
}
#top.home #av_section_1 .av-extra-border-inner {
	background-color: #eeeeee !important;
}

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

    Best regards,
    Mike

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