Tagged: 

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

    Hi,
    I put 2 buttons at the begining of my home page and the link is not working in my computer (firefox) and my mobile. I know it is working in some very big screen.
    Can you help me ?
    Thanks in advance

    Regards,

    Sophie

    #1292039

    Hey Sophie,

    They are being covered by the diagonal border, please try this in Quick CSS in order to push the border down below the buttons:

    .home #av_section_1 .av-extra-border-element.border-extra-diagonal {
        margin-top: -90px;
    }

    Best regards,
    Rikard

    #1292072

    Hi,
    Thanks for your answer.
    Your solution is working but the the sroll down arrow is not anymore visible.
    Do you think is it possible to let all the elements as they are and use z-index to put the buttons in first ?

    Other question for my two buttons. The first is with an orange background and white font, the second is white background and orange font. I would like to change on hover with white background and orange font for the first and orange background and white font for the second, but it is not possible to change the color’s font in the Advanced Styling parameters.
    Do you have an idea to do that ?

    Thanks

    Regards,

    Sophie

    #1292669

    Hi,

    Thanks for the update. The buttons are both working on my end, and I can see the scroll to next section arrow as well. Did you manage to find a solution?

    Please try this in Quick CSS for the buttons hover state:

    .home #av_section_1 .avia-button:hover {
        opacity: 1;
        background: white;
        color: orange !important;
    }
    
    .home #av_section_1 .avia-button.avia-color-theme-color-subtle:hover {
        opacity: 1;
        background: orange;
        color: white !important;
    }

    Best regards,
    Rikard

    #1292711

    Hi,
    Thanks for your help.

    The buttons are both working on your end, and you can see the scroll to next section arrow as well because I put an negative margin on the big title. But it’s not the good solution because it’s still not working on mobile because the sreen is too small :-(
    No idea with z-index ?

    Thnaks for your css it’s working well :-)

    Regards,

    Sophie

    #1292740

    you can set to those extra elements a pointer-event: none
    can you show me your site – i’m participant as you are – so i can not see private content area!

    .avia_transform .av-extra-border-element {
        pointer-events: none;
    }
    #1292985

    Hi,

    Please try this instead:

    .home #av_section_1 .av-extra-border-element {
        z-index: 0;
    }
    .home #av_section_1 .av-extra-border-inner {
        background-color: red;
    }

    Best regards,
    Rikard

    #1293514

    Hi,
    Thanks for your help
    I put
    .home #av_section_1 .av-extra-border-element { z-index: 0;}
    .home #av_section_1 .av-section-color-overlay-wrap .av-section-color-overlay {background-color: #e4ebf3 !important;}

    and it’s working

    Regards,

    Sophie

    #1293681

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

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