Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 19, 2017 at 8:46 pm #854028
    ponchovogel

    Hi there,

    I created a page with an 1/1 element and textblock. Client wants the element block having a white background and green border and on the right side some pictures as you can see on website 2. Website 1 is the enfold theme and website 2 is the example page.

    Is there an easy way to create this in the enfold theme? I already tried to add custom table code in the editor but on mobile screens this is not working, If I use different elements for ex, 3/4 + 1/4 the background and green borderlines are separate from each other…also not what i want.

    Hope you have an easy solution.

    Thank you,

    September 21, 2017 at 10:14 am #854687
    Rikard

    Hey ponchovogel,

    Maybe you could try to use a 1/5 column for the images on the right and a 4/5 element for the text?

    Best regards,
    Rikard

    September 21, 2017 at 11:23 am #854740
    ponchovogel

    The way of using different columns with different sizes isn’t the issue. The issue is that the image column is outside of the text block which is with a white background and green border as you can see in the example pages. This has to be one.

    September 21, 2017 at 10:03 pm #855081
    Victoria

    Hi ponchovogel,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    September 22, 2017 at 12:28 pm #855352
    ponchovogel
    This reply has been marked as private.
    September 23, 2017 at 6:37 pm #855850
    Mike

    Hi,
    I created a second section below your with the content & images in a table, that’s the easiest way I know.
    I then added this code in the General Styling > Quick CSS field:

    .main_color tbody td {border-style: none; border-color: transparent!important; }
.main_color tr:nth-child(odd) {background: #fff!important; }

    Please review, hope this was helpful.

    Best regards,
    Mike

    September 23, 2017 at 7:58 pm #855888
    ponchovogel

    Hi Mike,

    thanks for helping me out. Actually I also created a table and looked well on desktop. The problem is mobile versions.. Have to write some responsive css code but got stucked in there. Do you know a solutuon for this?

    September 24, 2017 at 5:02 pm #856088
    Mike

    Hi,
    Here are a couple:
    https://css-tricks.com/examples/ResponsiveTables/responsive.php
    https://techblog.livingsocial.com/blog/2015/04/06/responsive-tables-in-pure-css/

    I’m sure they can be adapted to your case.

    Best regards,
    Mike

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