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

    Hi,

    Have can I make a layout like this: https://test.relationogtilknytning.dk/test-mappe/wp-content/uploads/2019/08/Screenshot05.png

    Best regards,
    Helle

    #1131664

    Hey GraphicEyeDK,

    If you add the 2 columns, then you can put a border around the row and adjust width and padding as you need to.

    Best regards,
    Jordan Shannon

    #1131722

    Hi,

    The only settings that are available for the row is “Equal Height Columns” and “Space between columns”.
    When I choose “Border” the settings only apply to the column – not to the row.

    Best regards,
    Helle

    #1131725

    Hi,

    It needs custom css. Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #1131813

    Hi,

    It’s this page: https://test.relationogtilknytning.dk/test-mappe/underviser

    Best regards,
    Helle

    #1131920

    put this into a color-section you like to “unite” – give to the color-section a custom-class f.e.: together
    choose for your 1/2 columns equal height – but you can have space between columns. Put this to your quick css:
    ( the equal height generates a surrounding container – we can use for that )

    .together .flex_column_table.av-equal-height-column-flextable {
        border: 1px solid #333;
        background-color: #eff7fb;
        padding: 30px;
    }
    #1131938

    Hey GraphicEyeDK,

    Guenni’s suggestion should work just as you need it to.

    Best regards,
    Jordan Shannon

    #1132026

    Hi,

    Thanks for your reply, Guenni007.
    It help me a bit of the way. I also what the text “ERFARINGER” to be in the colored box. Can you help me with that?

    Best regards,
    Helle

    #1132117

    change that rule to:
    i changed the background-color to that – because your other boxes got that color:

    .referencer .entry-content-wrapper {
    	border: 1px solid #333;
    	background-color: #eef5ff;
    	padding: 30px;
    	padding-right: 30px;
    }
    #1132124

    btw. for your Anbefalinger Page maybe you give this a chance in Quick css.

    .wptww-testimonials-list.wptww-clearfix.design-3 {
      display: flex;
      flex-flow: wrap row;
      justify-content: center;
    }
    
    .wptww-quote.wp-medium-4.wpcolumns {
      flex: 1 1 33%;
      min-width: 330px;
      max-width: 450px;
    }

    this gives a equal height to the boxes and on responsive case a good looking too.

    #1132191

    HI Guenni007,

    Thanks for your help. Now it works just perfect :-)
    And thanks for your suggestions regarding Anbefalinger page. I will definitely use that css too.

    Thanks a lot for all your help :-)

    Best regards,
    Helle

    #1132234

    Hi GraphicEyeDK,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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