Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 3, 2016 at 11:19 am #707669
    goatie77

    Hi there, my client wants the ‘enter’ button on a landing page to be made bigger, say twice the size it is now, but I only want this change on this button only. Can you let me know if there is a way to do this please?

    Thanks
    Simon

    November 4, 2016 at 6:14 am #708044
    Rikard

    Hey goatie77,

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

    .page-id-1290 input[type="submit"] {
    padding: 18px 44px !important;
}

    Best regards,
    Rikard

    November 4, 2016 at 10:04 am #708109
    goatie77

    That doesn’t seem to have made the button any bigger. I changed the values to see what would happen, but I didn’t see any difference. If the text size was increased, would that change the button size with it?

    • This reply was modified 7 years, 10 months ago by goatie77.
    November 5, 2016 at 5:27 am #708535
    Rikard

    Hi,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    November 6, 2016 at 9:21 pm #708954
    goatie77

    Details attached

    November 7, 2016 at 7:15 am #709046
    Rikard

    Hi,

    Thanks for the details though it seems you have removed the page you needed the CSS for? We need to inspect the element in question in order to give you page specific CSS.

    Best regards,
    Rikard

    November 7, 2016 at 10:19 am #709086
    goatie77

    The page required has been set as the front page, it’s the button on this page that needs to be made larger.

    Thanks
    Simon

    November 8, 2016 at 12:14 pm #709734
    Andy

    Hi,

    adjust buttons padding with this code inside Quick CSS field:

    #top .avia-slideshow-button.avia-color-light {
padding: 20px 150px;
}

    and adjust the values as needed.

    Best regards,
    Andy

    November 8, 2016 at 1:46 pm #709777
    goatie77

    Brilliant, that’s worked great. How would I increase the text size if required?

    Simon

    November 9, 2016 at 7:46 am #710096
    Rikard

    Hi,

    Please try replacing Andy’s code with this:

    #top .avia-slideshow-button.avia-color-light {
padding: 20px 150px;
font-size: 20px !important;
}

    Best regards,
    Rikard

    November 9, 2016 at 10:38 am #710152
    goatie77

    Perfect, that’s done the job. Thanks very much for your help guys :)

    November 9, 2016 at 5:52 pm #710368
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Increase button size on fullscreen slider only’ is closed to new replies.