Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #598303

    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.

    #598391

    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

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