wordpress에서 갤러리 플러그인을 센터링하는 방법은 무엇입니까?

Question

나는 나의 wordpress 위치를 편집하기 위하여보고있다. 거대한 IT 포트폴리오 갤러리라는 플러그인을 설치했습니다.

갤러리 이미지를 페이지 중앙에 배치 할 수 없습니다. 모든 것이 왼쪽에 있습니다. 내가 성공하지 :(

http://melissaellsworth.com/portfolio/

위가에있는 갤러리 플러그와 CSS 코드 덤비는. 그리고 아래 내가 문제가 될 것 같아요 어디 있었어요. 이것은 내 첫 번째 게시물 그래서 용서해주십시오입니다 난 아무것도를 떠날거야 경우. 난 어떤 도움을 주셔서 감사합니다 것입니다. 인터뷰를위한 좋은 포트폴리오를 필요로한다!

.art-sheet 
 
{ 
 
    background: #FFFFFF; 
 
    -webkit-border-radius:7px; 
 
    -moz-border-radius:7px; 
 
    border-radius:7px; 
 
    -webkit-box-shadow:4px 4px 12px 6px rgba(0, 0, 0, 0.42); 
 
    -moz-box-shadow:4px 4px 12px 6px rgba(0, 0, 0, 0.42); 
 
    box-shadow:4px 4px 12px 6px rgba(0, 0, 0, 0.42); 
 
    border:1px solid #A50D0D; 
 
    padding:8px; 
 
    margin:-60px auto 0; 
 
    position:relative; 
 
    cursor:auto; 
 
    width: 70%; 
 
    min-width: 700px; 
 
    max-width: 1344px; 
 
    z-index: auto !important; 
 
} 
 

 
.art-layout-wrapper 
 
{ 
 
    width: 100%; 
 
    vertical-align: top; 
 
    margin: 0 auto; 
 
} 
 

 
.art-content-layout 
 
{ 
 
    width: 100%; 
 
    vertical-align: top; 
 
    margin: 0 auto; 
 
} 
 

 
.art-content-layout-row 
 
{ 
 
    width: 100%; 
 
    vertical-align: top; 
 
    margin: 0 auto; 
 
    
 
} 
 

 

 
.art-layout-cell 
 
{ 
 
    -webkit-box-sizing: border-box; 
 
    -moz-box-sizing: border-box; 
 
    width: 100%; 
 
    vertical-align: top; 
 
    margin: 0 auto; 
 
} 
 

 
/* need only for content layout in post content */ 
 
.art-postcontent .art-content-layout 
 
{ 
 
    border-collapse: collapse; 
 
}

Answer 1

을 그래서 무슨 일이 일어나고 당신의 포트폴리오 조각을 모두 가지고 있다는 것입니다 자체 div와 그들은 모두 position: absolute;으로 설정되었고 각각 하나에 자동으로 변환이 적용되었습니다 (변환은 해당 위치를 설정하는 것입니다).

#huge_it_portfolio_container { width: 570px; 
} 

그리고 당신의 포트폴리오 조각이 추가 :

.hugeitmicro .hugeitmicro-item { 
    position: relative !important; 
    transform: none !important; 
    display: inline-block; 
    } 

당신이해야 할 일은

은 (예를 들어,이 두 개의 컬럼으로 유지하도록) 컨테이너에 폭을 적용하다 그러면 다음을 출력합니다 :