Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 9, 2018 at 3:57 pm #1031701
    marcoabis81

    Hi,
    I would like to put some distance between the av_button_big label and the paragraphs above and below.

    So I have added this code:
    top .avia-button-fullwidth {
    margin-top: 45px;
    margin-bottom: 30px;
    }

    However, the background colour of the button starts behaving crazy.

    Monese, la prima banca online

    Could you please give it a look?

    thanks,
    Marco

    November 10, 2018 at 9:16 am #1031953
    Rikard

    Hi Marco,

    Thanks for the link, though I’m not sure I understand which element you are referring to. Please try to explain a bit further or post a screenshot highlighting your intentions.

    Best regards,
    Rikard

    November 10, 2018 at 3:54 pm #1032028
    marcoabis81

    Hi Rikard,
    Yes you are right, because it was not working, I removed the element from the page.

    Here it is again. Check it out in the link provided above ( element top .avia-button-fullwidth )
    It is the big large red button.

    When you hover the mouse over it, the background colour of the button behaves in a weird way (it started doing like that when yesterday I added some distance between the element and above/below paragraphs with the following code.

    top .avia-button-fullwidth {
    margin-top: 45px;
    margin-bottom: 30px;
    }

    Please, let me know if it clear.

    Thanks,
    Marco

    November 11, 2018 at 8:31 am #1032164
    Rikard

    Hi,

    Thanks for that. Try adding it to the div container instead:

    .postid-458 .avia-button-wrap {
    margin-top: 45px;
    margin-bottom: 30px;
}

    Best regards,
    Rikard

    November 11, 2018 at 12:50 pm #1032204
    marcoabis81

    Hi Rikard,
    Nope it did not work. Same weird behaviour.

    Also I believe that your code would refer to this post in particular while I would like to have this working on this type of button on all articles

    Thanks,
    Marco

    November 11, 2018 at 2:21 pm #1032212
    marcoabis81

    Solved,

    I used this code where I have corrected the top to -45 and

    #top .avia_button_background{
    opacity: 0; position: absolute; top:-45; left:0; bottom:0; right:0;
    -webkit-transition: all 0.4s ease-in-out; transition:all 0.4s ease-in-out;
    }

    /* Correzione background bottone larghezza intera che sfarfalla */
    #top .avia_button_background {
    top: -45px;
    }

    Thanks,
    Marco

    November 12, 2018 at 8:48 am #1032474
    Rikard

    Hi,

    Great, glad you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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