CSS – How to center Jetpack’s Pinterest block

  • Resolved jamelalivinglife

    (@jamelalivinglife)


    4 years, 3 months ago

    Hi everyone!

    So I’m in the process of building up my brand new blog. And I’m having trouble aligning Jetpack’s Pinterest block to the center of the page. I know I might have to insert custom CSS code (additional CSS classes in the advanced block editor on WordPress) in order to do that, but I have no idea how. HELP! Here’s how I want it to look like https://bysophialee.com/dorm-room-ideas/

    Thank you sooooo much in advance for your help

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • .wp-block-jetpack-pinterest {
    text-align: center;
}

    If that doesn’t work for some reason try targeting the span itself:

    .wp-block-jetpack-pinterest span:first-child {
    margin: 0 auto;
    display: block;
}
    Thread Starter jamelalivinglife

    (@jamelalivinglife)

    Omg, thank you soooo much! The first line of code worked just fine. Thanks for saving my life lol

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS – How to center Jetpack’s Pinterest block’ is closed to new replies.

Tags