CloseWe are on vacation until August 21.

Home Forums Arnold WordPress Theme Wrong alignment for home

This topic contains 6 replies, has 2 voices, and was last updated by  SeaTheme 8 months ago.

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
    Supported

    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 8 months ago by  Dav13_13.
    • This reply was modified 8 months ago by  Dav13_13.
    • This reply was modified 8 months ago by  Dav13_13.
    #17276

    SeaTheme
    Keymaster
    Purchased
    Supported

    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
    Supported

    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!