Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 13, 2017 at 3:47 pm #888389
    mleite1

    Hello, I use box number to highlight my client’s site. By enfold admin we can change the font and its size (Number custom font size and Description custom font size). The problem is when we load on the device (ipad and iphone 7, samsung tablet for example). The letters exceed the format of the box. How to keep proportional in any resolution?

    Also I would like to control the spacing between the letters of the two items (Number custom font size and Description custom font size) .

    P.S. In the link template below I have assembled a row with 4 columns and another row with 3 columns. The biggest problem happens with the 4-column row.

    link

    BOX NUMBER

    December 16, 2017 at 5:18 pm #889578
    Victoria

    Hey mleite1,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .heading.avia-animated-number-title {
    font-size: 18px !important;
  }
  .avia-animated-number-content {
    font-size: 16px !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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