Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 10, 2016 at 2:40 pm #658960
    Hokuspokus

    Dear Support,

    i want to work with buttons (normal or fullwidth) with 1/3 split in a row. I want to have a clean and good design. For me: Impossible, caused by different height and width, caused by indepency of the largest element.

    For fullwidth buttons: The longest content inside gives a different height of all buttons, It’s looks not like a prof. designer.
    https://1drv.ms/i/s!Al0iVws2F4aFhQiAYpJ28X4w8JAx

    but on mobiles, it looks nice.
    https://1drv.ms/i/s!Al0iVws2F4aFhQn-U3PhZRH3wP0N

    on the other hand:
    Normal buttons are clean on desktops:
    https://1drv.ms/u/s!Al0iVws2F4aFhQpiDoO9y3mwMBQW

    But not clean and “dirty” with different width on mobiles. It’s looking not fine on mobiles.
    https://1drv.ms/i/s!Al0iVws2F4aFhQu7a1W3m5ovmuqY

    Whats wrong? Or is it not finished from your side or is it my error? How is it possible, that user have a clean good design on all screens? And without manuall changings in css.

    Why you are not combine both buttons options to one button set with options to enlarge the width and heigth to have a good clean design? Today, the functions/options are similar in both buttons options, ok normal button set have more options.

    Cheers

    July 11, 2016 at 11:32 am #659157
    Rikard

    Hey seolotsen,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    July 11, 2016 at 6:52 pm #659480
    Hokuspokus

    Hi Rikard,

    of course, see attached links. Make the window slowly smaller in width to see all resolutions and the effect of the buttons. Equal height is choosen.

    Cheers

    July 13, 2016 at 10:55 am #660255
    Andy

    Hi,

    this happens because you’re using different content length of your buttons. Use this code inside Quick CSS field to adjust width of all buttons to the same amount: 

    body div .avia-button {
width: 315px;
}

    and adjust as needed.

    Best regards,
    Andy

    July 16, 2016 at 4:00 pm #661652
    Hokuspokus

    Andy,
    this is your answer, really?

    yes, of course it is depending from content length. Which person can formulate for three buttons the same amount of letters?
    And every person which using your theme should type this by hand for ervery button?

    And your solution solve this? https://1drv.ms/i/s!Al0iVws2F4aFhRnPGRZPb1wiyN0f
    Should user define responsives rules also for height again for every screen and should user check this on “resoultion checkers” is the whole page and all responsive and good designed? Do you not prefer a solution which your CSS experience as own CSS-Rule in your css-file instead users type in some stuff as inline code? And: inline code should prevented or not? Keyword: Content to code ratio

    Why is it so difficult for Kriesi with this great theme, to create css rules for that and for unique font size for responsive design. I have a big set for easy rules defined, which are solved and delivered at another themes in a easy way. Like responsive heading fonts or button fonts, buttons with equal length and height for a good, unique,equal consist design. I have bought your theme 9 times. And on every installation, i must do the same steps with manually defined css.

    And please insert an option, that user can decide, should your kriesi link is shown on socket or not (yes, i know: i must manipulate php manually. Very user friendly – user should decide: in which direction is the flow of the link juice. Or did i get back a backlink from your page ? Most of your user have not SEO-Background and link juice is unknown and they use this again and again. For you: yes, it’s great with 1.4*10^6 backlinks :-)

    Cheers

    July 20, 2016 at 1:46 pm #662943
    Andy

    Hi,

    not sure what you want to achieve with your buttons, a mockup showing the results would help. But if you want to make them all the same size then add a height value into my code.

    Feel free to make a feature request for Kriesi here: kriesi.at/support/enfold-feature-requests/

    Best regards,
    Andy

    August 3, 2016 at 8:17 pm #668248
    Hokuspokus

    Hi Andy,

    as responsive marked theme “Responsive designs that addapts to smaller devices (iphone, ipad)” i had the hope, i have with enfold on all devices a responsive design. In other words: On every device i have an unique clear and clean professional design. Without extra coding between device or screen sizes. For my understanding, a rule is missing on theme side which define same heigh and width for all content in a block or row, dependend on the content inside. Like Buttons, Headings etc. What do you mean? Should user define for every page inline css rules?
    The Goal should be: to have all Buttons in the same size, depending of the biggest element (as option) if user this want or not.
    I my picture: The minimum claim should be to have same sizes in one equal height of all elements in one row, better: To have the button set in equal dimensions like on big screens.
    The Achieve: Call to action buttons to send the visitors to the right subpage

    Cheers

    A.

    August 9, 2016 at 10:00 am #670224
    Ismael

    Hi,

    The Goal should be: to have all Buttons in the same size, depending of the biggest element (as option) if user this want or not.

    This is possible but there is no option for this by default so you have to either create a custom jQuery script or add a custom css modification. Every good website, no matter how advanced the theme it’s using, requires at least a few lines of codes or customization.

    One workaround is to add a minimum height to the buttons or decrease the font size so that the button title won’t create another line. Example:

    .avia-button.avia-size-medium {
    padding: 12px 16px 10px;
    font-size: 13px;
}

    Best regards,
    Ismael

    August 20, 2016 at 8:04 pm #675071
    Hokuspokus

    Hi Enfold-Support,

    i have a great and better solution for that and it would be nice, if you implement this in next version. This is the best solution ever. You should determine to give your users this as option in the next version for really responsive design. It’s your improvement:
    Plugin is called “matchheight” from Autor: Neil Gee

    Works full responsive and make enfold more responsive

    examples:

    .iconbox_content – all boxes have the same height – seen at FEM-Ingenieurbüro B-Engineering
    .avia-button – all buttons have the same height – seen at SEOLOTSEN – Suchmaschinenoptimierung
    Cheers

    Seolotsen

    August 22, 2016 at 5:41 am #675512
    Rikard

    Hi Seolotsen,

    Thanks a lot for the tip, much appreciated :-)

    So did you manage to get your problem fixed using that plugin?

    Regards,
    Rikard

    January 10, 2017 at 10:50 pm #731755
    Hokuspokus

    Yes, it’s fixed. It runs on multiple accounts. Some is try and error, but i have unique fields. That is great

    January 13, 2017 at 5:02 pm #733209
    Andy

    Hi,

    Glad you could fix it!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Andy

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Buttons – Fullwidth or normal – Unique and clear / clean design’ is closed to new replies.