How to change the buttons position

  • Resolved Sathish

    (@satheeshsoft)


    3 years, 9 months ago

    Hi,
    On my website main two buttons (rectangular) which is for download and another one is to redirecting the page.

    The point is i searched a lot more to change the position of those buttons to center of the image or somewhere. I could not found any commands to navigate those buttons, you can see those rectangular buttons on the left side of the image.

    Regards,
    Satheesh

    • This topic was modified 3 years, 9 months ago by Yui.
    • This topic was modified 3 years, 9 months ago by Yui. Reason: redundant link(s) deleted

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • It looks like <div class=”header-content”> is the DIV that contains your buttons. You may want to play around with the class / CSS.

    Here is one example:

    Your default CSS is showing this:

    .header-content {
    position: relative;
    top: 55%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    width: 100%;
    padding-top: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    You can add value to “left” like this:

    .header-content {
    position: relative;
    top: 55%;
    left: 20%;
    right: 0;
    text-align: center;
    z-index: 2;
    width: 100%;
    padding-top: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
    Thread Starter Sathish

    (@satheeshsoft)

    Thank you, i will do that.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change the buttons position’ is closed to new replies.