Button size constraints and icons

Viewing 1 replies (of 1 total)
  • Plugin Author wpgoods

    (@wpgoods)

    Hello,

    If you want to fix the size of each button in All In One Buttons, you can add some custom CSS to your site. For example:

    .aio-button a, .aio-button-center a, .aio-button-left a, .aio-button-right a {
    width: 140px !important;
}

    Just add the code above to your theme’s style.css file. This will fix the size for every button created with All In One Buttons.

    All In One Buttons includes CSS classes for alignment, size and color. Therefore, it is possible to change the size of every orange button that’s center aligned. For example:

    .aio-button-center a.aio-orange {
    width: 140px !important;
}

    If you want to add a pdf icon instead of a download icon, you would have to add some custom CSS to your theme.

    .aio-button .icon-pdf,
.aio-button-center .icon-pdf,
.aio-button-right .icon-pdf,
.aio-button-left .icon-pdf {
  background-image: ENTER THE LOCATION OF YOUR PDF ICON HERE;
  background-position: top left;
}

    Just upload your pdf icon and enter its location in the CSS code above. With this code in place, you can use the following shortcode to view your pdf icon.

    [aio_button align="none" animation="none" color="red" size="small" icon="pdf" text="Download Now" relationship="dofollow" url="#"]

    Kind regards,
    Brandon Bell

Viewing 1 replies (of 1 total)
  • The topic ‘Button size constraints and icons’ is closed to new replies.