Viewing 15 posts - 1 through 15 (of 40 total)
  • #188026
    fixers
    Member
    Post count: 253

    Hi Guys

     

    See attached, I’m trying to show the images in a row of 3 with only 15px spacing between each image? Plus centering all

    Whats the best way to achieve this?

    Attachments:
    You must be logged in to view attached files.
    #188109
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Try to use the 3 row elements with 3 images inside each. Probably will be necessary to adjust the margin-top and bottom.

    Try to create it and let us know the result.

    -Rui

    #188189
    fixers
    Member
    Post count: 253

    Hi Rui,

    Thats what Ive done I think?

    #188264
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    What is the url of the page you created?

    -Rui

    #188286
    fixers
    Member
    Post count: 253
    This reply has been marked as private.
    #188440
    fixers
    Member
    Post count: 253
    This reply has been marked as private.
    #188797
    fixers
    Member
    Post count: 253
    This reply has been marked as private.
    #189065
    Nishant – SUPPORT
    Spectator
    Post count: 649

    Hi,

    The images in the row are smaller that the row size, i.e. the row size is 370px width and the image size is 300px. So I suggest you to re-size the image to 370px and it will do the trick.

    Reply back this has solved you issue.

    Thanks,
    Nishant

    #189883
    fixers
    Member
    Post count: 253
    This reply has been marked as private.
    #190296
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    As mentioned above, please increase your image sizes to atleast 370px in width.

    See here is too small: http://development.fixers.travel/wp-content/uploads/2014/10/rise-final-resized-263.jpg

    When you do that the spacing will be correct, please let us know when have done this.

    #192212
    fixers
    Member
    Post count: 253

    Hi David

    1) We didn’t want the images that size, have changed – but surely there must a better solution?

    2) Why is the margin on the left of the page bigger then on the right?

    3) See attached screen shot – these images still dont behave responsively. .

    The page I’m referring to – http://development.fixers.travel

    Attachments:
    You must be logged in to view attached files.
    #192518
    fixers
    Member
    Post count: 253

    Hi Guys

    Is anyone able to look at this today?

    Many thanks as always

    #192702
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    1) The images will need to fill the 3 col grid size if you want them to align.

    2) Your margins look good for me, could you add an annotated screenshot?

    3) Looks like you have added a fixed width and height CSS to the images, this will stop them being responsive. Also, the page you refernce: http://development.fixers.travel works perfectly and looks great for me.

    Cheers,
    David.

    #192746
    fixers
    Member
    Post count: 253

    Hi

    Ok making some progress using a VH height, with no width – regarding the margin – see the attached, the left margin throughout the site is larger – then the right..

    Attachments:
    You must be logged in to view attached files.
    #192855
    David Martin – Support
    Moderator
    Post count: 20834

    Hey,

    I do not see that page, if I go here: development.fixers.travel

    I get this (screenshot)

    Do you have a new URL for that page issue?

    Attachments:
    You must be logged in to view attached files.
Viewing 15 posts - 1 through 15 (of 40 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register