Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 4, 2015 at 5:01 pm #390799
    Effektid

    Hi!
    I wonder if there are any options to have 4 images in a row with somt text below each image, but I want the images to centered on the page and very near each other with very little or no margin.

    My page is wide with 1310 px. If I use four 1/4 layout containers, I get to much space between them. The images are 200 px wide.

    Any ideas how this could be done?

    February 5, 2015 at 8:14 am #391091
    Rikard

    Hey Effektid!

    Could you please link to the site or page in question so that we can take a closer look?

    Cheers!
    Rikard

    February 5, 2015 at 11:10 am #391147
    Effektid
    This reply has been marked as private.
    February 5, 2015 at 6:44 pm #391539
    Yigit

    Hi!

    “Webbplats under utveckling!” :) Can you please post login credentials here?

    Best regards,
    Yigit

    February 6, 2015 at 9:42 am #391883
    Effektid
    This reply has been marked as private.
    February 6, 2015 at 12:34 pm #391965
    Rikard

    Hi!

    Try and paste the following code to Quick CSS: 

    .post-entry-600 .avia-image-container.avia-align-center .avia-image-container-inner {
width: 100% !important;
}

.post-entry-600 .avia-image-container-inner, .avia_image, .av-image-caption-overlay {
min-width: 98% !important;
}

    This should only affect the 4 images under the slider on the front page. Increase or decrease 98% for less or more space between the images.

    Best regards,
    Rikard

    • This reply was modified 9 years, 10 months ago by Rikard.
    February 6, 2015 at 1:00 pm #391994
    Effektid

    Thanks, but it looks the same after I pasted the code.

    February 9, 2015 at 4:26 am #392852
    Andy

    Hi!

    try to use this code:

    div .av_one_fourth {
margin-left: 1% !important;
}

    Best regards,
    Andy

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