Text not centering and height of boxes on tablet

Hey amerzib,

It’s not centered because of the padding, what you can do is to remove the padding or reduce the font size. As for the height, can you create a section and put a unique developer ID to it and put those pricing boxes inside it? so we can try to give you css code that should work on creating equal height boxes.

Best regards,
Nikko

Hi amerzib,

The text is centered on my end

Here is the code for the tablet, 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) {
  h4.module.text {
    font-size: 16px;
  }
  #top #wrap_all .all_colors h1.module.text {
    font-size: 16px;
  }
  .flex_column.av_one_fifth {
    min-height: 310px;
  } 
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

Yes, please post us your login credentials (in the “private data” field), so we can try to create do it for you.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi,

Thanks for providing the admin access, I have implemented what I suggested above and added this css code in Quick CSS:

.home #after_layer_slider_3 .template-page {
    padding-bottom: 0;
}

#price-1 .entry-content-wrapper {
    display: flex;
}

Let us know if it helps :)

Best regards,
Nikko

Hi,

Try adding this css code in Quick CSS just below the code I added:

@media only screen and (max-width:767px) {
  #price-1 .entry-content-wrapper {
    display: block;
  }
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

Glad to hear that. Thanks for using Enfold! Have a nice day! :D

Best regards,
Nikko