Layout “with tiles in 2 columns”

  • Resolved v0van

    (@v0van)


    4 years, 2 months ago

    Some sites use annotation for records, some do not. but it is inappropriate to abandon the annotation or add it for different resolutions.
    It turns out that when changing the screen width from 374 to 373, we move away from the layout “picture on the left, text on the right,” to the layout “tiles in 2 columns without annotation”. Which is generally silly with such a low resolution.
    I would make up to 480px inclusive in 1 column, with the picture at full width, and the title, annotation and meta below it.
    https://ibb.co/d2FL1JT
    https://ibb.co/f4d6xc8

    if we delete or comment out this line, then everything becomes in 1 column as I suggested.
    /wp-content/themes/bunnypresslite/css/firstveiw.css?ver=1.1.1 – 920 – @media screen and (max-width: 560px) { 

    .loopbox_cover {
    width: 50%;
}

    https://ibb.co/Zz3mh0v
    https://ibb.co/X2vJGxS

    Layout “tiles in 2 columns” is useful and appropriate to do as an additional option in the admin panel for wider screens. all the more so that the “tiles in 2 columns” layout is already working in the theme.

    • This topic was modified 4 years, 2 months ago by v0van.
    • This topic was modified 4 years, 2 months ago by v0van.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter v0van

    (@v0van)

    LAYOUT-2 BIG_PICTURE_ABOVE
    https://ibb.co/RjGZJ7H
    firstveiw.css
    /wp-content/themes/bunnypresslite/css/firstveiw.css?ver=1.1.1 – 268-273

    .loopimg {
	width:38%;
	margin:0 3% 0 0;
	float:left;
}
.loopcon {
	margin: 0 0 0 41%;
}

    replace

    .loopimg {
	width: 100%; margin: 0 0 2% 0;
	float:left;
}
.loopcon {
	margin: 0;
}
    • This reply was modified 4 years, 2 months ago by v0van.
    Thread Starter v0van

    (@v0van)

    LAYOUT-3 TILES_IN_2_COLUMNS
    https://ibb.co/mN48hKQ

    to LAYOUT-2 BIG_PICTURE_ABOVE add to the end of css/firstveiw.css 

    @media screen and (min-width: 640px) {
    .loopbox_cover{
        width:50%; float: left;
    }
}

    Layouts is useful and appropriate to do as an additional option in the admin panel

    • This reply was modified 4 years, 2 months ago by v0van.
    • This reply was modified 4 years, 2 months ago by v0van.
    • This reply was modified 4 years, 2 months ago by v0van.
    Theme Author yossybunny

    (@yossybunny)

    Thanks for your feedback.

    I plan to add theme options to allow for arbitrary layout choices.
    Please wait until the next version upgrade.

    Theme Author yossybunny

    (@yossybunny)

    Supported in version 1.1.2.
    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Layout “with tiles in 2 columns”’ is closed to new replies.