Home Forums Arnold WordPress Theme Wrong alignment for home

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #17221
    Dav13_13
    Participant
    Purchased

    Hello,

    I’m using the custom grid container and I have set the homepage: nuri-a-bat-etDOTcom (remove the – please) and the images are not centered:

    http://prntscr.com/ltny9u

    I see in the layer editor that I can place the images just in the middle:

    http://prntscr.com/ltnzaa

    I need the first image (the flower) being a 1:1 ratio. I don’t understand why I can’t put it in the center of the row… The other image has a slightly different ratio.

    Help please

    Thanks

    #17222
    Dav13_13
    Participant
    Purchased

    And also, how can I show the images of the home in ratio 1:1 in mobile? I can see them in the original ratios in the project page like these images at 1:1 at: https://nur-i-a-ba-tetDOTcom/magic-objeto/ but not in the home…

    Thanks

    #17223
    SeaTheme
    Keymaster
    Purchased

    Hi,

    If you want a grid centered, please set the gird 4, 6, 8 or 10 cols, plz decrease or increase 1 col for the 1st gird, it is 5cols now(there are 12cols width in each row).

    To set ratio 1:1 in mobile, please paste the custom css code to “Appearance > Customize : Additional CSS”

    @media (max-width: 768px) {
    .responsive-ux .grid-stack-item .brick-content {
        padding-top: 100%!important; }
    }

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #17266
    Dav13_13
    Participant
    Purchased

    Hello,

    I’m using custom grid layout, not the standard grid portfolio. I need custom because I have images of different ratio and I want to show it in little size, not in all width like the standard grid 1 col shows them, and with its original size, not 1:1 fixed, so I need custom grid but well centered.

    This is a bug, please you have to fix it.

    An about the mobile version, sorry, what I want is to show the images in its original size, not fixed to 1:1. Can you give me CSS for this? Just like this sections does: https://nur-i-a-ba-tetdotcom/magic-objeto/ but for the home

    Thanks

    • This reply was modified 1 year, 6 months ago by Dav13_13.
    • This reply was modified 1 year, 6 months ago by Dav13_13.
    • This reply was modified 1 year, 6 months ago by Dav13_13.
    #17276
    SeaTheme
    Keymaster
    Purchased

    If you want to show origin image ratio.
    please paste the custom css code to “Appearance > Customize : Additional CSS”

    .grid-stack .ux-lazyload-wrap { 
        background-color: transparent;
    }
    .grid-stack .ux-background-img { 
        background-size: contain;
    }

    Ps: the gap will be different

    I suggest you use the “Masonry Portfolio” to create this page. It is easy to set list container width by CSS like:

    .container-masonry {
        width: 60%;
    }
    #17286
    Dav13_13
    Participant
    Purchased

    Hello,

    Perfect with the CSS for mobile.

    The problem if I select Masonry portfolio is that all is mess up. The above css code for mobile does not work well anymore and yes, I can set 60% width for desktop but the space between images is too big and the images does not hold the origin ratio…

    There is now way to have it center in desktop for custom grid type?

    Thanks

    #17291
    SeaTheme
    Keymaster
    Purchased

    Hi, I found the 3 girds of your page are center now.

    ps:
    For masonry portfolio, it will show origin ratio and same space.
    You could use media (max-width: 767px) to set width for mobile:

    .container-masonry {
        width: 60%;
    }
    @media (max-width: 767px) {
    .container-masonry { width: 100%; }
    }
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!