Member Avatar for fermk090

I'm have problem trying to centralize Piecemaker 2 in the center of a page in Wordpress 3.1.3.

Does anyone knows how to do it?

  • 2 Contributors
  • 2 Replies
  • 84 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by matricol

Dani AI

Generated

reported the issue and was right to point toward a CSS solution. The practical part is identifying which element to target: the Piecemaker embed/object itself, the immediate wrapper injected by the plugin/shortcode, or a parent that imposes floats/padding. Flash/object tags are often inline-level or wrapped by WP auto-paragraphing, so centering fails unless the correct element is made block-level or contained.

A few reliable centering patterns (apply to the element that actually contains the slider):

/* wrapper with explicit width */
.piecemaker-wrap {
  width: 800px; /* match Piecemaker width */
  margin-left: auto;
  margin-right: auto;
}
/* keep embed inline but center via parent */
.piecemaker-parent { text-align: center; }
.piecemaker-parent object,
.piecemaker-parent embed { display: inline-block; }
/* for absolutely positioned sliders */
.piecemaker { position: absolute; left: 50%; transform: translateX(-50%); }

Troubleshooting notes: confirm the element’s computed width in the browser inspector; remove or override any float on parent elements; watch for WP adding <p> wrappers or inline styles from plugins (stronger selectors or a child-theme/custom-CSS plugin are safer than editing core files). For responsive layouts use max-width on the wrapper or a flex container with justify-content:center. These approaches generalize ’s suggestion while addressing common WordPress quirks.

Member Avatar for fermk090

This problem was solved but i dont know how to change the status of this thread.

Member Avatar for matricol

margin:0 auto;

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.