Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 16, 2014 at 3:03 am #210454
    rubieandersson

    Hey!

    Thank you for a great template.

    Is it possible to customize the look of the buttons?

    Would really appreciate your help.
    Thank you,
    Rubie

    January 16, 2014 at 6:20 am #210479
    Yigit

    Hi rubieandersson!

    Can you elaborate? How would you like buttons to look?

    Best regards,
    Yigit

    January 16, 2014 at 9:12 pm #210890
    rubieandersson

    Can I change the font and the color?

    And is there a way where I can replace the button with something I designed in Photoshop?

    Thank you so much! Really appreciate it.

    January 17, 2014 at 6:43 am #211037
    Ismael

    Hey!

    Did you use the button element or shortcode? You change the text color using this on Quick CSS:

    #top .main_color .avia-button.avia-color-theme-color, #top .main_color .avia-button.avia-color-theme-color:hover {
color: blue;
}

    Change the button background using this:

    .main_color .avia-color-theme-color {
background-color: red;
}

    There are lots of tutorial on how to create a custom button. We need to see the button that you designed.

    Best regards,
    Ismael

    January 17, 2014 at 7:39 pm #211347
    rubieandersson

    Hey!

    Thank you so much! So sorry to ask such beginner questions. I truly appreciate your help.

    I used the button element. I would like a custom color on the background of the button – #013f45 and white text. So I tried this in Quick CSS but it didn’t work. Is this possible, or am I doing something wrong?

    #top .main_color .avia-button.avia-color-theme-color, #top .main_color .avia-button.avia-color-theme-color:hover {
color: white;
}

.main_color .avia-color-theme-color {
background-color: #013f45;
}

    And is there a way to change the font on the buttons to a google font?

    I also tried the max buttons, but they were placed on top of the text every time I tried to put them below the text. Absolutely understand if you can’t respond to that questions, just wondering if you have heard of it before and know the answer.

    Thank you so much,
    Rubie

    January 17, 2014 at 8:48 pm #211358
    rubieandersson
    This reply has been marked as private.
    January 17, 2014 at 10:17 pm #211401
    rubieandersson

    Need to have these buttons fixed as soon as possible, is there anyone who can help me? Would appreciate it so much!

    January 17, 2014 at 10:22 pm #211403
    Yigit

    Hey!

    If you have used button element, you can click on it and change its background color and text color as shown here http://i.imgur.com/fjaxQ4u.jpg
    Which font family would you like to use? You can use following code to change the font family of buttons to PT sans

    body div .avia-button { font-family: 'PT Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

    Best regards,
    Yigit

    January 17, 2014 at 10:29 pm #211408
    rubieandersson

    Thank you so, so much for your help! That did the trick!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Customizing buttons?’ is closed to new replies.