Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #627552

    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

    #627823

    Hey KK!

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

    Regards,
    Yigit

    #627919

    sorry—
    specialmoderndesign.com
    right under the slide show

    #628256

    Hi!

    Please add following code to Quick CSS

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

    Regards,
    Yigit

    #628548

    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?

    #629019

    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

    #629312

    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?

    #629321

    Hey!

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

    Best regards,
    Yigit

    #630414

    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.

    #630908

    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, 7 months ago by kbarranco.
    #631069

    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

    #1271248

    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?

    #1271249

    ok, solved

    #top .avia-button-fullwidth {
        padding: 12px 16px 10px;
        min-height: 40px;
    }
    #1271426

    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

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