Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 23, 2018 at 4:08 pm #1036981
    Advantage09

    Hi

    I am trying to create a list that has the appearance of two column. I have created the list and styled it with css that is not in enfold originally. I used Dreamweaver just to see if I could make it look the way I wanted and it did. But when I copied everything into Enfold the css styling did not work and I can not seem to override what comes with enfold. I am using a Child theme.

    So I was wondering, is this even possible in Enfold or should I just give up.

    Link to a website that has the solution I am looking for:

    Join a Moose Safari in Northern Norway?

    If you scroll down to where you see the price (NOK 1200), just above the calendar you can see what I am trying to accomplish.

    Regards
    Nina

    November 26, 2018 at 9:27 pm #1037774
    Victoria

    Hey Advantage09,

    Could you please attach a mockup of what you’re trying to achieve?

    You can use Enfolds columns and add your elements in there.

    Best regards,
    Victoria

    December 3, 2018 at 9:49 pm #1040479
    Advantage09

    This is what I am trying to achieve.

    https://www.landdesign.no/wp-content/uploads/2018/12/table.using-css.png

    Regards
    Nina

    December 4, 2018 at 6:25 pm #1040842
    Victoria

    Hi Nina,

    Can you show us what you’ve got so far?

    Best regards,
    Victoria

    December 9, 2018 at 10:21 pm #1042822
    Advantage09

    Hi, the site is now live. You can check it out at https://www.bergtikjin.no

    I have gone for a table option so far, but it looks bad on mobile (https://www.bergtikjin.no/portfolio-item/krokholen-vinterleker/), so I would like to make the solution with css. Any ideas.

    Regards
    NIna

    December 13, 2018 at 9:22 am #1044757
    Victoria

    Hi Nina,

    Well, we can help you remove the vertical borders.

    Best regards,
    Victoria

    December 13, 2018 at 9:39 pm #1045032
    Advantage09

    Hi Victoria

    I have been trying out different ways to show the table, but it does not look good. I would like the content of the right column to break, so it fits within the cell. And that you see the whole table on mobile.
    Almost as you see it now, just not scrollable.

    I want to display the content side by side, everything in the view of a vertical mobile.

    Is this possible?

    Regards
    Nina

    December 18, 2018 at 12:09 am #1046645
    Ismael

    Hi,

    Have you tried setting the table purpose to “pricing” instead of “tabular”? You can also replace it with a different table on mobile view. Use a single column instead of two.

    Best regards,
    Ismael

    December 19, 2018 at 1:31 pm #1047175
    Advantage09

    Hi

    I have tried every wich way, but nothing looks good on mobile. Pricing table was the worst, all the info in the left column came on top and the right column below. Not good when the info belongs side by side.

    Is there really no way to make the all the content of a table be viewed side by side vertically on mobile with enfold theme? To make the table responsive?

    Regards
    Nina

    December 21, 2018 at 5:26 am #1048031
    Ismael

    Hi,

    Did you add a table using a single column? Did you toggle the screen options? The default behavior of the table is to scroll when the content exceeds the width of the table container.

    Best regards,
    Ismael

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