Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #464595

    Hi Team Enfold,

    I have added the ‘addthisevent’ button to some of my blog pages (see example:

    However, I need to know the exact CSS style of the Promo Box button in the Avia Layout Builder, as I need to style the external button to look like og be the same size as the Promo Box button. The same goes for the styling of the “contact-form-7” button, as I need this to look like the promo Box Button on my blog page:

    Could you help me with this or point me to the place where I can find all information about the style CSS of the Promo Box Button (large). If you need access to my wordpress, I am happy to provide.


    Hi changegroup!

    Thank you for using Enfold.

    This is the default style of the promobox button:

    body div .avia-button {
      border-radius: 3px;
      padding: 10px;
      font-size: 12px;
      text-decoration: none;
      display: inline-block;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      margin: 3px 0;
      line-height: 1.2em;
      position: relative;
      font-weight: normal;
      text-align: center;
      max-width: 100%;

    This the color styling of the button:

    #top .main_color .avia-color-theme-color {
      color: #ffffff;
      border-color: #0a2021;
      background-color: #2c4143;



    Hi Ismael,

    Thank you. I’m sorry for the late reply, but you can close this thread now.
    Worked fine


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

The topic ‘Styling af external Button’ is closed to new replies.