Add page margins in the TG Portfolio widget

Home Forums Himalayas Free Add page margins in the TG Portfolio widget

This topic contains 6 replies, has 4 voices, and was last updated by  mohsinafsar6 2 hours, 12 minutes ago.

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

    wilbertkoopt
    Participant

    Hi, currently there are no page margins in the photo section in the portfolio widget. This means that the pictures in the portfolio section are covering the entire width of the screen.

    1. Is it possible to add left and right margins in the photo section of the portfolio widget, so that the pictures align with the header text (comparable to the our-team widget) ? Which CSS code should I use ?

    2. If so, will the pictures align centrally, or do I need CSS to make that happen ?

    #1324898

    ashishsthanp
    Moderator

    Hello, @wilbertkoopt

    Can you provide us URL of your website so that we can inspect it and give you a proper solution?

    Regards,
    ThemeGrill Support Team.

    #1325336

    wilbertkoopt
    Participant

    Thanks guys. Took me a while, because I only had the site installed locally. Site is http://www.topopex.nl

    #1325464

    Nima
    Moderator

    Hi wilbertkoopt,

    It seems that you have found a solution for your problem.
    If you find any difficulties then post us back.

    Regards!
    ThemeGrill Support Team

    #1325499

    wilbertkoopt
    Participant

    Hi Nima, thanks for your answer. Yes i managed to find a workaround by adding following custom CSS
    @media screen and (min-width: 768px) {
    .Portfolio-content-wrapper .portfolio-images-wrapper {
    width: 21%;
    margin-left: 3%;
    margin-bottom: 3%; }

    That doesn’t look bad, but it just adds margins to the pictures themselves and not to the actual section.
    I’d like to add some margins to the left side and the right side of the pictures and still have them centered.

    Do you have any idea which CSS I could use to accomplish that ?

    #1325628

    ashishsthanp
    Moderator

    @wilbertkoopt

    Replace your previous code with:

    @media screen and (min-width: 768px) {
      .Portfolio-content-wrapper .portfolio-images-wrapper {
          width: 19%;
          margin-left: 3%;
          margin-bottom: 3%;
          margin-right: 3%;
      }
    }

    If you get any issue later, feel free to ask again!

    We would really appreciate if you could provide us a review here:

    https://wordpress.org/support/theme/himalayas/reviews/?filter=5

    Regards,
    ThemeGrill Support Team.

    #1325673

    mohsinafsar6
    Participant

    I have recently type this code as I got from your forum, my posts are now listing properly in one coloumn format but I need to display post picture as a thumbnail on the left of each post, can help me please…

    .post:nth-child(2n), .post:nth-child(2n+1) {
    float: none !important;
    width: 100% !important;
    }

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

You must be logged in to reply to this topic.