Termly Button Text not centered.

Aaron Shields

• March 25, 2024 21:31

I just installed Termly via a script in the header. For some reason the text in the button is not aligned to the center of the button. I contacted termly and they said something in the CSS is conflicting with it. I assume this is coming from Brizy?

The page: https://makebusinessmatter.com

Attached is an image of how the button appears.

0

• 

  K C George

  • March 26, 2024 08:05

  Hi Aaron,

  I see that you have added the below CSS code to the Embed element. Kindly add the text-align: center; to the CSS to centre align the button text. 

   

  element.style {
      background: rgb(21, 43, 94);
      text-align: center;
      border-color: rgb(21, 43, 94);
      color: rgb(255, 255, 255);
      font-size: 12px;
      font-family: Roboto, "Open Sans", Arial, Helvetica;
      font-weight: bold;
  }

  0
• 

  Aaron Shields

  • March 26, 2024 09:24

  Where should I be adding/editing that? I didn't add any CSS myself. I just checked options in the Termly dashboard (see attached). (Also I selected font-size 10 which doesn't seem to be carrying through.)

  0
• 

  K C George

  • March 26, 2024 10:45

  Hi Aaron,

  In your WordPress Dashboard under Appearance - Customize, kindly paste the following CSS and check if the Termly button aligns to the center.  

  /* Center align Termly buttons*/
  button.termly-styles-module-solid-20a66a.termly-styles-module-primary-9738f2 {
      text-align: center;
  }

  

  0
• 

  Aaron Shields

  • March 26, 2024 11:29

  Thanks! That worked.

  0

Please sign in to leave a comment.