modern portfolio

Community Forums Forums General Discussion modern portfolio

This topic is: not resolved

This topic contains 6 replies, has 3 voices, and was last updated by  asdweb 1 year, 6 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #24046

    jamesalex
    Participant
    Post count: 14

    Portfolio spacing issues.  I have made the portfolio section move into four columns as opposed to three, but the spacing is not right, could someone please help?

     

    http://hf.sharpmonkeyclients.co.uk/

    #24130

    AC
    Blocked
    Post count: 7712

    You will need to adjust the width of each one to evenly space them out.

    #24167

    asdweb
    Participant
    Post count: 106

    How did you make the four columns?


    Amy Susan Design.com @AmySusanDesign

    #24511

    jamesalex
    Participant
    Post count: 14

    I changed the stylesheet as below

     

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .sidebar,
    #title-area {
    width: 20.629629629%; /* 320px / 1080px */
    }

    #blog .featuredpost .post:nth-of-type(4n+0),
    #blog .featuredpost .post:nth-of-type(3n+1),
    #blog .featuredpost .post:nth-of-type(3n+2),
    #portfolio .featuredpost .post:nth-of-type(3n+0),
    #portfolio .featuredpost .post:nth-of-type(3n+1),
    #portfolio .featuredpost .post:nth-of-type(3n+2),
    #services .alignright {
    width: 21.829629629%; /* 260px / 1080px */
    }

    #24588

    asdweb
    Participant
    Post count: 106

    Unless I install the theme, I can’t check to see what’s going on since the Modern Portfolio isn’t being used.

    If you plan on using a different theme, let us know and mark this ticket as closed.


    Amy Susan Design.com @AmySusanDesign

    #24594

    jamesalex
    Participant
    Post count: 14

    i have reinstalled the theme and it has the original stylesheet on, the one amendment that I have added is that the portfolio image size is 350x350px on the functions file.

    I would ideally like to have the images almost touching each other across and below.

     

     

    #24638

    asdweb
    Participant
    Post count: 106

    Add this to the css.

    .post.type-post.status-publish.format-standard.hentry.category-home-page.entry a.alignleft img.attachment-shop_single {
    margin: -20px !important;
    }


    Amy Susan Design.com @AmySusanDesign

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.