Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 25, 2016 at 10:30 am #571196
    rafke

    Hallo,
    I have a few problems I hope you can help me :
    1. Can I make pricetables always with the same hight. in some cases the text in de Header is to long and devid over two lines or that the text automatic fit in the cel in 1 line.
    2. How center the text from the header in the middel of te cel (lenght-hight)
    3. on the tablet in portrait mode the text cute off and the tables or to little . Is it possible to change the the layout par example you have 2 tables instant of 3 on one line.

    Thx

    January 26, 2016 at 2:49 am #571803
    Elliott

    Hey rafke!

    You can add this to a codeblock element on the pages where they are not lining up vertically.

    <style type = 'text/css'>
.pricing-table > li {
    min-height: 100px;
}
</style>

    On the pages that I checked it looks like your using 1/4 columns and they are switching to 2 columns and 1 column when the screen gets smaller. Are you wanting to increase the screen size where they switch to 2 columns? If so then you can play around with that on line 340 in the /enfold/css/grid.css stylesheet.

    Cheers!
    Elliott

    January 26, 2016 at 6:51 pm #572272
    rafke

    Thx i have change the px and is working.
    I have a new question only for tablet.
    1. where can I set that 1/2 becomes 1 column
    2. where can I set that 1/3 becomes 1 column or also possible 2 columns

    Thanks a lot.

    • This reply was modified 8 years, 9 months ago by rafke.
    January 28, 2016 at 2:27 am #573395
    Elliott

    Hey!

    You can find that around line 340 in the /enfold/css/grid.css file.

    It wouldn’t be possible for a 1/3 to switch to 2 columns. You would need to do 1 big and 2 below it or hide one of them.

    Regards,
    Elliott

    January 28, 2016 at 8:58 am #573563
    rafke

    I don,t understand. In this section you can set 1/4 column to 1/2 on tablet.

    Page-Format PC:
    1. Page with Details
    1/2-1/2
    1/4-1/4-1/4-1/4

    2. Page with menus :
    1/3-1/3-1/3
    1/3-1/3-1/3

    On tablet I will become this output :
    1. Page with Details :
    1/2-1/2 become 1/1 ?
    1/4-1/4-1/4-1/4 become 1/2-1/2 this already done with your advise.

    2. Page with menus :
    1/3-1/3-1/3 become 1/1 ?

    On Phone everything is set to 1/1 : OK

    How can i set then 1/2 to 1/1 in the page where 1/4 already set to 1/2 only on tablet.
    And also in the menu page 1/3 to 1/1 only on tablet.

    Must I write extra lines in the css style ? I’m just a beginner can you give more information please..
    So I can finish my first site.

    Thanks a lot.

    Thanks

    • This reply was modified 8 years, 9 months ago by rafke.
    January 29, 2016 at 4:08 am #574275
    Elliott

    Hey!

    Like I said it’s around line 340 in the /enfold/css/grid.css file. 

    @media only screen and (min-width: 768px) and (max-width: 989px) {

    You can play around with the 768 and 989 values to make it break on different sized screens.

    Best regards,
    Elliott

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