jetpack portfolio css customization

  • Resolved 12557

    (@12557-1)


    7 years, 3 months ago

    happy easter everyone.

    i bought this theme and installed it:
    http://panm.formkoalition.de

    Now i wanna customize the css oft the jetpack portfolio but i can`t
    find any tutorials on the net. I want to set each thumbnail on a bottom line each row and edit the distance (margins) between the thumbnails.
    It should look like this grid:
    http://cargocollective.com/titusandronicus

    Do you think thats possible?
    Anyone some hints or tutorials to layout the grid?
    Is it possible with CSS, where i can find the divs an classes?
    Or is it in the JavaScript form masonry.desandro.com?

    Would be great to hear from you

    Cheers 12557

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Lisa Schuyler

    (@lschuyler)

    7 years, 3 months ago

    Hi @12557-1 !

    Yep! You’ll want to customize your theme’s CSS to achieve the look you’re wanting.

    Most web browsers have developer tools built in now, so you can use the ‘Inspector’ feature on your browser to find all the CSS elements (divs, classes, ids) on the page and then target them with CSS that you can add to your Appearance -> Edit CSS page on your dashboard.

    Thread Starter 12557

    (@12557-1)

    7 years, 3 months ago

    hey lschuyler,

    thank you for your kind reply. I allready did that but i cant find the right
    classes and divs to manipulate the grid like i want.
    I just find one to change the margin a bit:

    .jetpack-portfolio-shortcode .jetpack-portfolio {
    display: block;
    width: auto;
    margin: 6px;
    }
    `

    Do you think you can help me a little bit more?
    Maybe you check my site with the inspector to find some more i can try to
    change?

    Would be very very nice!

    Kindes regards

    12557

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    7 years, 3 months ago

    If you’re not familiar with CSS just yet, I’d recommend those tutorials:
    https://dailypost.wordpress.com/2013/07/25/css-selectors/
    https://www.sitepoint.com/web-foundations/introduction-css-selectors/

    They should help you come up with the CSS you need to customize your site’s design.

    Another alternative would be to hire a designer that can make the changes for you. You can find WordPress professionals here:
    https://jobs.wordpress.net/
    https://jetpack.pro/

    I hope this helps.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘jetpack portfolio css customization’ is closed to new replies.

Tags