Okay
  Public Ticket #642900
image placement/centering
Closed

Comments

  •  1
    marianne started the conversation

    Hi, I keep having the same issue over and over when using images on my pages and posts, especially when having images in columns with text below. I want to have the image centred in relation to the text or element below, but no matter what I do, it's always placed to the left with automatic padding on the right side. If there is text below the picture, this will go beyond the right side of the image and that really messes with my "OCD". Up till now I've worked around it by adding padding on the text column right side etc., but I'll be honest it's costing me a lot of time and frustration. I hope you understand what I'm talking about, but if not let me know and I'll provide examples.

    In regards of the page link attached here, I had a similar issue with the 3 image gallery at the top. It was automatically placed to the left (not centred in relation to the title and the element below). My workaround included a 4% padding on the left side of the gallery (row) and it looks fine on the desktop, but when I look at this page on my mobile, there's a white space on the left side of the images. Can you please help me with this? Maybe there's a really simple way of making those images centred and I just haven't found it yet. (I think I've tried every option ever seen related to centring, but nothing seem to work for the image in the verticle aspect)

  •  1
    marianne replied

    Hi, adding this screenshot as an example of what I mean. See the 3 image gallery below the larger image? I can\'t make the right sides align inside the same column. (have tried using \"design options\", but those don\'t make any difference at all) It\'s very frustrating as this looks very messy and it\'s a reoccurring problem whenever I add pictures to pages.

  •  1
    marianne replied

    another page with an example of this issue: http://www.picturelyspoken.com/portfolio/happy-childhood/

  •  8,992
    Tahir replied
    Hey Again,
    We just released Salient 7.0.5 which has the VC 4.9.2 update as well which would fix all pending VC issues, See changelog : http://themenectar.com/changelogs/salient.html .

    Update the theme by following this guide: https://themenectar.ticksy.com/article/3218/ . Also see Visual Composer update instructions in here: https://themenectar.ticksy.com/article/5182/
    Best.


    ThemeNectar Support Team 

  •  1
    marianne replied

    thank you for that, I just updated the theme and VC, and went to check on the pages that have issues. Nothing changed on the issues that I\'m having, i.e. http://www.picturelyspoken.com/press/ -> the 3 images are not centered. There\'s an automatic padding added on the right side. Everything else is centered though.

    What exactly can I expect from the update? And how would I benefit from the changes? Will it only affect new pages/designs?

  •  8,992
    Tahir replied

    Hey Again,

    You can not place a Full Width Image Gallery in 2/4 column : http://www.picturelyspoken.com/press/ . Placed it in Fullwidth Row .

    Best


    ThemeNectar Support Team 

  •  1
    marianne replied

    Hi, I\'m sorry to be a pain, but with a closer look the gallery is still not centered in relation to the title. I can solve it by adding padding on the left side of the column, but then I\'m back to the original problem of seeing padding on the left side in mobile mode. So, nothing changed. Same with this page: http://www.picturelyspoken.com/portfolio/happy-childhood/ The top image is not aligned correctly with the gallery beneath on right side. This is the issue I\'m having all over the site

  •  8,992
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .portfolio-items:not(.carousel) {
        margin: 0px !important;
    }

    Bes.t


    ThemeNectar Support Team