Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 30, 2021 at 10:12 pm #1291467
    edechauvigny92

    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

    April 3, 2021 at 5:00 am #1292039
    Rikard

    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

    April 3, 2021 at 10:00 am #1292072
    edechauvigny92

    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

    April 6, 2021 at 5:42 am #1292669
    Rikard

    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

    April 6, 2021 at 9:39 am #1292711
    edechauvigny92

    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

    April 6, 2021 at 11:46 am #1292740
    Guenni007

    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;
}
    April 7, 2021 at 6:28 am #1292985
    Rikard

    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

    April 9, 2021 at 2:34 pm #1293514
    edechauvigny92

    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

    April 10, 2021 at 6:31 pm #1293681
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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