Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
289 views
in Technique[技术] by (71.8m points)

center block CSS

Working on a wordpress site. Having trouble aligning a product category block. First it would only display 4 products when per. row if i set to 5, 3 if set to 4, etc. I fixed that, something to do with margins. The category block is slightly off center, really annoying. Below is some code for the block that i used. Any help would be appreciated. https://rightwaycrane.staging.wpengine.com/pendant-control-stations/

.page-id-1608 .wc-block-grid__product {
margin: 0;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
padding: 15px;
}
question from:https://stackoverflow.com/questions/65603027/center-block-css

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

It looks like the following styles are causing your content to not be centered correctly.

.content-part-left {
  padding: 50px 30px 20px 98px;
}

.content-part-left ul {
  padding-left: 40px;
}

.content-part-left ul {
  padding-left: 20px;
}

If you remove or adjust it should resolve the center on page issue.

.content-part-left {
  padding: 50px 30px 20px;
}

.content-part-left ul {
  padding: 0;
}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...