Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 27, 2015 at 11:41 pm #435721
    HNIBnews

    Hey guys, I’m trying to add a custom css class to xtra-large buttons that are on my homepage and for some reason it is not working.

    I have tried inputting the css in both the Quick CSS, and the child theme’s stylesheet, but neither seem to work.

    I’ve tried both of the following, but to no avail (“hp-btn” is the custom css class):

    .avia-button.avia-size-x-large .hp-btn {
    width: 100% !important;
    }

    .avia-button.avia-size-x-large.hp-btn {
    width: 100% !important;
    }

    April 28, 2015 at 12:18 pm #435951
    Rikard

    Hi Jamie!

    I can see your class added to the wrapper div:

    avia-button-wrap avia-button-center  avia-builder-el-3  avia-builder-el-no-sibling  hp-btn

    Are you trying to get the button to span 100% of the site width?

    Regards,
    Rikard

    April 28, 2015 at 5:35 pm #436222
    HNIBnews

    Thanks Rikard. I am trying to get the button to span 100% of the 1/2 layout element.

    April 29, 2015 at 8:01 am #436529
    Rikard

    Hi!

    Please try the following in Quick CSS under Enfold–>General Styling:

    .hp-btn .avia-button {
  min-width: 100% !important;
}

    Regards,
    Rikard

    April 29, 2015 at 3:10 pm #436721
    HNIBnews

    Perfect, that seemed to work! Thanks Rikard, very much appreciated.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Custom CSS issue with child theme’ is closed to new replies.