home page blocks, images on the same column

  • Resolved antinian

    (@antinian)


    4 years, 4 months ago

    hi there,
    i should have the home page blocks with images on one column and texts on the other.
    I mean:
    now the theme appear in this way:
    IMG – TEXT
    TEXT – IMG
    IMG – TEXT
    (and i like it a lot, but unfortunately i have to change it)

    how can i create something like this?
    IMG – TEXT
    IMG – TEXT
    IMG – TEXT

    Thanks a lot
    A

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @antinian,
    If you also list child pages on the Ho,e page like it is arranged on demo then you may try adding the style below to Appearance > Customize > Additional CSS:

    @media (min-width: 992px){
.child-pages-list .page:nth-of-type(2n) {
    -webkit-box-direction: inherit;
    -ms-flex-direction: row;
    flex-direction: row;
}
}

    Let me know if that it what you wanted to achieve.

    Thread Starter antinian

    (@antinian)

    Thanks Dmytro, it works!
    now i’ll have to fix the “step effect”, because the pictures have got different size

    it shows something like this:

    AAAAAA
    AAAAAA text description
    AAAAAA
    BBBB
    BBBB text descriprtion
    BBBB
    AAAAAA
    AAAAAA text description
    AAAAAA
    BBBB
    BBBB text descriprtion
    BBBB

    AAA and BBB blocks represent the images ??

    Hi,
    Please remove the previous style I sent and use the one below:

    @media (min-width: 992px){
.child-pages-list .page:nth-of-type(2n) {
    -webkit-box-direction: inherit;
    -ms-flex-direction: row;
    flex-direction: row;
}

.child-pages-list .page >.post-thumbnail {
    width:55% !important;
}
.child-pages-list .page >.entry-content-wrapper {
    width: 45% !important;
}

    Let me know if it works.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘home page blocks, images on the same column’ is closed to new replies.