Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #134177
    AnnaK
    Participant

    Hello,
    I’m trying to add some space/margin between the featured pictures on portfolios on my homepage. I looked into Customize options related to portfolio, but cannot find such option. many thanks in advance for your support. Anna

    #134189
    Skandha
    Keymaster

    @annak: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .portfolio-wrapper {
    	background:white;
    }
    .portfolio-thumbnail.post-thumbnail {
    	width:97%;
    }

    Let me know if this is what you want.
    Regards,
    Skandha

    #135415
    AnnaK
    Participant

    Dear Skandha,
    many thanks for your support again! One more question – I see that the margin is missing on the left side of the picture on the left – is there any possibility to align the whole portfolio to the center? So all pictures have the same margin? please see my webpage
    Anna

    #135482
    Skandha
    Keymaster

    @annak: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .portfolio-wrapper img {
    	margin-left:7px;
    }

    Let me know if this solves your issue.
    Regards,
    Skandha

    #145610
    AnnaK
    Participant

    Dear Skandha,
    thank you very much – it did not solve the issue completely as still I’m having problem with margins 🙁 I tried to leverage from your coding and create the same for right margin, but no result when I pasted it to css. This is what you helped me to create so far and is active in css:
    .portfolio-entry-header {
    background:white;}

    .portfolio-wrapper {
    background:white;}

    .portfolio-thumbnail.post-thumbnail {
    width:97%;}

    .portfolio-wrapper img {
    margin-left:7px;}

    The problem I see is with picture on the right – the right margin is more narrow than others. Also I would like to add same widht margin on the top – so the pictures will be in a white frame from all sides. Again i tried to create my own code leverage from yours, but no result 🙁 This is my first page I’m creating, so I’m not very familiar with this and your help is very very appreciated. 🙂 Anna

    #145611
    AnnaK
    Participant

    Sorry my bad – I meant to write the issue I have with margin on the very LEFT which is more narrow than others. my page is annamakeup.sk
    thank you! 🙂

    #145640
    Skandha
    Keymaster

    @annak: The margin between the image is more than at the left and right end is because of the margin of two images, margin-left of the left image and margin-right of the right image.

    Kind Regards,
    Skandha

    #145656
    AnnaK
    Participant

    Dear Skandha
    thank you very much. Let me share with you what I have done in the meantime – I wanted to get some white upper margin, I used words up, upper etc, but finally TOP worked for me, so at the moment I have in additional CSS this:
    .portfolio-entry-header {
    background:white;}

    .portfolio-wrapper {
    background:white;}

    .portfolio-wrapper img {
    margin-left:10px;}

    .portfolio-wrapper img {
    margin-top:10px;}

    I tried to add right margin with this code: .portfolio-wrapper img {
    margin-right:10px;}

    but it has no effect at all – can you please just advise me if there is any wording for “right” I should use? or how to re-write the code so I can add same right margin to my pictures please? many thanks

    #145694
    Skandha
    Keymaster

    @annak: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .portfolio-wrapper {
        padding-right:10px !important;
    }

    Let me know if this works out.
    Kind Regards,
    Skandha

    #145778
    AnnaK
    Participant

    Dear Skandha,
    yes it works like magic – thanks a lot for all your support for my queries – my portfolio with Essential content types looks perfect now, I’m very happy about that. Thank you very much again for your help, it is very appreciated. You’re a star!
    Best regards,
    Anna

    #145811
    Skandha
    Keymaster

    @annak: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/fotografie/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help,
    don’t hesitate to let me know. Have a good day!

    Kind Regards,
    Skandha

    #145837
    AnnaK
    Participant

    Absolutely! I just provided my feedback via the link you sent me, big thanks again Skandha 🙂 Have a good day,
    regards Anna

    #145841
    Skandha
    Keymaster

    @annak: Thank you for your appreciation. You too have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Add space between portfolio pictures (essential content types)’ is closed to new replies.