Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 15, 2016 at 11:16 am #598303
    creation_frommelt

    I have two buttons on top of each other. In one button is written “zu den Kurskosten”. In the other “zum Anmeldeformular”. Because they have a different number of letters, they have a different length. Is there a possibility, to make the button border around the words with the same length, that means the length of the longer word “zum Anmeldeformular”? So the button border has the same size, despite the words have not the same length.

    #top .avia-button.avia-color-light {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    font-family: ‘News Cycle’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    }

    thank you.

    March 15, 2016 at 2:43 pm #598391
    Günter

    Hey creation_frommelt!

    Thank you for using our theme.

    To limit the changes only to that page I would suggest:

    In custom.css or Enfold -> General Styling -> Quick CSS field (or when using a child theme: in styles.css of the child theme or Enfold-Child -> General Styling -> Quick CSS field) put the following and adjust the value as needed:

    
.page-id-2 .avia-button.avia-color-light{
    width: 200px !important;
}

    Regards,
    Günter

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.