Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #892921

    Im not sure why the price text on the first box under pricing isnt centering like the rest. Its on this page:
    dev.mezzalunadesign.ca

    Also is there a way to get all my boxes to display the same height on tablet view? They seem to be fine on desktop and mobile.
    I circled it here: https://ibb.co/iSVWbb

    #893172

    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

    #893293

    Hi there, Im not sure what you mean about creating a section with a unique ID. Could you please explain that a bit further?
    Ill try to get rid of the padding for the 1st box centering issue.

    #893425

    Hi amerzib,

    The text is centered on my end
    Image 2018-01-04 at 21.08.01.png

    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

    #896915

    Thanks, that seems to work for tablet.
    Is there a way I can also get the boxes to appear the same height on desktop without having to tweak each box’s padding individually in my layout?

    #897077

    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

    #897098

    Thanks I created a new user and am posting the login in the private area for you.

    #897144

    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

    #897354

    Thanks but it doesnt look right on mobile now
    Screenshot

    • This reply was modified 2 years, 5 months ago by  amerzib.
    #897379

    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

    #897627

    That worked, thanks!

    #897652

    Hi,

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

    Best regards,
    Nikko

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.