Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 16, 2017 at 8:41 pm #852938
    mckeown2

    Hi there,

    I’d like to the 2 buttons on my home page to be centred and place side by side.
    Please see my short video:
    https://www.screencast.com/t/aduG1tPv0O
    Thanks in advance,

    Colm

    September 18, 2017 at 5:42 am #853229
    Rikard

    Hey Colm,

    Thanks for the login details. I edited the buttons for you, please review your site now.

    Best regards,
    Rikard

    September 19, 2017 at 7:59 pm #854010
    mckeown2

    Hi Rikard,

    I’d like them to be centred and placed closer together.

    Can you please provide the steps on how to do this?

    Thanks

    Colm

    September 21, 2017 at 10:09 am #854684
    Rikard

    Hi Colm,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home .av_one_half .avia-button-left {
    padding-left: 50px;
}

.home .av_one_half .avia-button-right {
    padding-right: 50px;
}

    Best regards,
    Rikard

    September 21, 2017 at 7:59 pm #855026
    mckeown2

    Thanks Rikard.

    Can you tell me how to invert the colours on the buttons when a user hovers over the button?

    Can you also tell me how to push the buttons further down the page (just by 20 pixels)?

    Thanks

    Colm

    September 23, 2017 at 11:44 am #855773
    Victoria

    Hi Colm,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.home .av_one_half .avia-button-left {
    padding-left: 50px;
    margin-top: 20px;
}

.home .av_one_half .avia-button-right {
    padding-right: 50px;
    margin-top: 20px;
}
#top .avia-button.avia-color-light:hover {
  color: #000;
  background-color: #fff !important;
  border: 3px solid red;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 23, 2017 at 3:36 pm #855814
    mckeown2

    Hi there,

    I’d like to put 30 px padding above and below the website logo in the site header.

    Can you please provide me with the code to do this?

    Thanks

    Colm

    September 23, 2017 at 7:51 pm #855885
    Victoria

    Hi Colm,

    For that we need to make the header taller by 60px, is it ok with you?

    Best regards,
    Victoria

    September 24, 2017 at 8:36 am #855994
    mckeown2

    Yeah that’s fine. Please proceed. Thanks.

    September 25, 2017 at 6:23 am #856322
    Ismael

    Hi,

    Please add the following css code.

    .logo {
    padding: 30px 0 30px 0;
}

    Adjust the value as needed.

    Best regards,
    Ismael

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