Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #24503

    1.6 is Great! The constant updates are incredible, thank you.

    1. Just curious about a future addition for Parrallax Sections or Flat Button additions.

    #123664

    Or transparent menu within slider like this theme http://demo.qodeinteractive.com/central/

    and when scrolled down it becomes fixed.

    That would be amazing.

    A possible addition, maybe?

    Thanks much.

    #123665

    What kind of parallax section do you mean? it has something like that here:

    http://kriesi.at/themes/enfold/portfolio-item/vimeo-video/

    And of course it has layerslider…which has great parallax ability….

    And, by flat button, that’s kind of a theme style issue, but I bet you could find a plugin to give you that style choice.

    #123666

    1. Oh! The slider does have parrallax. Nice!

    2. Found a plugin for flat buttons, but was wondering if their integration into avia would be easier to use.

    3. Just curious about the transparent menu option within the header menu. If it’s easier for them to implement.

    Thanks Mike

    #123667

    I kind of like the parralax section in that link I found…I think its done in the colored section settings…

    I know what you mean, some themes have a “flat” css version built in….I kind of like this flat design, http://designmodo.github.io/Flat-UI/ and there are some themes that specialize in it.

    For arguments sake the css for the buttons is here, and i believe removing that background image gives the “Flat” effect to all the buttons:

    body div .avia-button {

    background-image: url(“/themes/wp-content/themes/enfold/images/layout/bg-button.png”);

    background-position: 0 0;

    background-repeat: repeat-x;

    border-radius: 3px 3px 3px 3px;

    border-style: solid;

    border-width: 1px;

    display: inline-block;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.2em;

    margin: 3px 0;

    max-width: 100%;

    padding: 10px;

    position: relative;

    text-align: center;

    text-decoration: none;

    }

    Would one change it to this (adding it to quick css or whatever its called for enfold):

    body div .avia-button {

    background-image: none !important;}

    Enfold Team can we get a ruling? :)

    Of course then you’d need some kind of ohover selector to lighten (or darken it) or change the color to what you want? maybe a transparent png?

    body div .avia-button:hover {???

    #123668

    Ahhhhh Mike thats wonderful work. I’ll check out the colored section and see if I can get it to do that.

    At the moment it doesn’t look like the Slider allows the parrallax function.

    #123669

    Yes but I edited in that removing that does make it go “flat” but the flat UI does indeed have a hover change…maybe reversing the current hover event would do it? instead of making it lighter or vanish like they have it now, make it appear or darken as you hover?

    I think you’d have to make that png the full size of the button not just a kind of top down “bubble” effect…

    Enfold?

    #123670

    Figured out the Parrallax effect.

    1. Create Colored Section ( Change Background )

    2. Fixed Background

    3. Throw Easy Slider on top of it.

    4. You can make it as wide as you want by throwing dividers and making them Clear Dividers.

    #123671

    This is pretty cool, good tip especially #4

    ….you can enter your own custom buttons CSS (replace theirs)

    http://css-tricks.com/examples/ButtonMaker/#

    I used the color swatches from this: http://designmodo.github.io/Flat-UI/

    worked great (just dont make a gradient…(for the purposes of that generator use same for top and bottom color)

    #123672

    Hi!

    Thanks MikehJPP for providing the css code :)

    Regards,

    Peter

    #123673

    Ah thanks Mike!

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘[Wish List] Any plans to add "Flat Buttons" or "Parrallax"?’ is closed to new replies.