Call to Action

  • kk_admin

    (@kk_admin)


    8 years ago

    Hello,

    klarakolonits.com

    I’m always having a hard time when trying to adjust the position of Call to Action button on fullscreen and mobile view as well.

    The first question I would have actually defies the idea of Call to Action being a call but I will give it a try: can’t the section background itself be linked to my targeted Action page?

    If not (and I figure not), then do you have some golden rules to move the button left-right? I have font size separate for all three display sizes and I use padding for the section itself but can’t figure it for the button.

    On the main fullscreen view the following code seems to be working fine if i change the percentage:

    .kad-call-button-case {
    width: 50%;
    height: 20%
}

    In general, this section is a pain for me, because the backgrounds I set usually contain some title already (current one is a good example) and it’s difficult to find space fot this button…

    Any advice is welcome!

    • This topic was modified 8 years ago by kk_admin.
Viewing 1 replies (of 1 total)
  • hannah

    (@hannahritner)

    Hi,
    You can link the section background with a premium slider such as the kadence slider or revolution slider. Otherwise you can use css to adjust the position of your buttons. Just play around with this:

    .kad-call-button-case {
    width: 90%;
    height: 10%;
    margin-top: 100px;
}

    You may also need to play around with media queries.
    Let me know if you need further help with this!

    Hannah

Viewing 1 replies (of 1 total)
  • The topic ‘Call to Action’ is closed to new replies.