Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1233740

    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

    #1233851

    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

    #1233888

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

    Regards,
    Sandra

    #1233917

    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

    #1233973

    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

    #1235099

    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

    #1235223

    Hi,

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

    Best regards,
    Jordan Shannon

    #1235374

    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

    #1236322

    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

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.