Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #182804

    Since updating the Large Buttons have lost their rounded subtle gloss style, and are flat, when selecting “Theme Color”. It appears to be something I have to hardcode change in the shortcodes.css for the buttons. Is there a way to change this in my child theme’s custom styles.css so I don’t have to change it back with every update?

    This reply has been marked as private.


    I think that change was intended due to a design trend (i may be wrong), however if you don’t like it, simply add this code to your style.css:

    background-image: url("../images/layout/bg-button.png");
    background-repeat: repeat-x;
    background-position: 0 0;

    If it doesn’t work, copy the /images folder from Enfold to your child theme folder.



    Thanx Josue,

    That was the first CSS that I changed (also with !important) but no luck. Now I tried uploading the images folder as you suggested, but no luck. Not sure if it’s a relative path issue ../images or just a CSS that’s overriding the avia-button class. Because when I set the above selectors to the CSS in shortcodes.css in Crome’s Dev Tools, it works exactly how I thought it would. But I know that invovles a hard code change to the CSS/theme, and I’m trying to avoid that.


    – Michael



    Kriesi posted in this topic about it and a link to the old styles. You can re-add them back in if you’d like: http://www.kriesi.at/support/topic/no-gradient-in-buttons-v-2-4/

    Best regards,


    Thanx Devin,

    So there’s no filter / custom styles.css workaround here? Just so it doesn’t have to be changed with every subsequent upgrade.



    You can put that whole code in your Child theme CSS but you’d have to move the images folder to your child folder to make it work.



    Works! You can close this topic. Thanx everyone!!

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Avia Button CSS Changed in 2.4’ is closed to new replies.