Olsen light theme! 4 images in a row?

  • Hello
    I am using the Olsen light theme and i want in one page change the width so i can put 4 images 350px x 225px
    I want to change the content width because by default is 600 px and my images appear in 2 rows…I want one row 4 images in original size…Only when i reduce the images to 150 px then i have one row ..
    With a widget called add custom css i have write this code but not working

    .content-area {
width: 100%;
}

    Here is the link for the problem https://stilvijewellery.com/catalog/entrance/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter kostasfmx

    (@kostasfmx)

    I use this code but still i have problem…i manage to put 3 images inline but without space between…What i am doing wrong?
    I have this code css

    ` .alignleft,
    img.alignleft {
    display: inline;
    float: left;
    margin-right: auto;
    }
    .alignright,
    img.alignright {
    display: inline;
    float: right;
    margin-left: auto;
    }
    .aligncenter,
    img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    p {
    clear: both;
    } `

    Here is the link for the problem https://stilvijewellery.com/catalog/entrance/

    your theme is responsive, i.e. the widths and layout changes with the dimensions of the browser screen.

    also, the .container is only 1040px wide max for large screens:

    from /css/base.css:

    @media (min-width: 1200px) {
  .container {
    width: 1040px;
  }
}

    to get 4 images in a row, without gaps, at least in large screens, you would need to increase that width – for example with this in custom CSS:

    @media (min-width: 1200px) {
  .container {
    width: 1334px;
  }
}

    the images are 300px wide each right now.

    Thread Starter kostasfmx

    (@kostasfmx)

    Ok understand and thanks for the answer!How can I put three images in row with space between and under also three images with space between in row (I want in desktop appears like this ).In mobile phone i have no problem!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Olsen light theme! 4 images in a row?’ is closed to new replies.