Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 4, 2016 at 11:23 pm #627552
    kbarranco

    Looking for how to adjust height on fullwidth button

    I tried several code snippets but can’t get the buttons to adjust in height only.
    I have 3 in a grid row with no spacing between.
    can you give me both:
    1) for homepage
    and 2) for overall full width buttons

    May 5, 2016 at 2:07 pm #627823
    Yigit

    Hey KK!

    Can you please post the link to your page where we can see your buttons?

    Regards,
    Yigit

    May 5, 2016 at 5:17 pm #627919
    kbarranco

    sorry—
    specialmoderndesign.com
    right under the slide show

    May 6, 2016 at 12:52 pm #628256
    Yigit

    Hi!

    Please add following code to Quick CSS 

    #top .avia-button-fullwidth {
    padding: 10px;
}

    Regards,
    Yigit

    May 7, 2016 at 6:40 am #628548
    kbarranco

    I was proud of myself for thinking I got some code correct but when I added the code above to “my code” the customization on the buttons reverted.

    Here is what I used:

    #top .avia-button-fullwidth {
    padding: 8px;
    }

    #top .avia-button-fullwidth {
    padding: 10px;
    }
    can you tell me what is wrong?

    May 9, 2016 at 6:49 am #629019
    Rikard

    Hi,

    Your code looks correct if you want to add padding, you could try to add !important to the CSS though: 

    #top .avia-button-fullwidth {
padding: 10px !important;
}

    Regards,
    Rikard

    May 9, 2016 at 4:14 pm #629312
    kbarranco

    I want to take away padding and make it thinner.

    And the type inside the buttons is not adjusting to the css. Do I just add !important?

    May 9, 2016 at 4:20 pm #629321
    Yigit

    Hey!

    Yes, adding !important should help. If it does not, please create a temporary admin login and post it here privately

    Best regards,
    Yigit

    May 11, 2016 at 5:58 am #630414
    kbarranco

    I still can’t get this.
    I moved the three buttons to the bottom of the home page.
    I would like the font to be smaller and uppercase and the buttons to be more narrow.

    May 11, 2016 at 7:03 pm #630908
    kbarranco

    I figured out how to edit the type in the buttons. Using ” important!” and putting the code closer the the top helped. Now I would just like to know how to reduce the height of the buttons. thanks

    • This reply was modified 8 years, 6 months ago by kbarranco.
    May 12, 2016 at 1:48 am #631069
    Yigit

    Hi,

    Following code is not being applied

    #top .avia-button-fullwidth {
    padding: 10px !important;
}

    Please add it and then use following to change font sizes

    #top .avia-button-fullwidth .avia_iconbox_title {
    font-size: 12px;
}

    Best regards,
    Yigit

    January 9, 2021 at 9:51 pm #1271248
    tobiasfries12

    Hello, thanks for the information on font size.
    But the title was “height”, I am looking for this as well.

    Does anyone know how to adjust height of the button, not of the fonts?

    January 9, 2021 at 9:55 pm #1271249
    tobiasfries12

    ok, solved

    #top .avia-button-fullwidth {
    padding: 12px 16px 10px;
    min-height: 40px;
}
    January 11, 2021 at 2:18 am #1271426
    Jordan Shannon

    Hey tobiasfries12,

    I’m glad this was resolved for you. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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