2014-10-30 2 views
0

현재 바닥 글 메뉴를 중앙에 놓고 한 줄에 모두 표시하려고합니다. 현재, 그것은 몇 가지 이유로 2 라인에 있습니다.바닥 글 위젯 폭 및 가운데 맞춤 메뉴 (Wordpress)

웹 사이트는 다음과 같습니다 http://museiam.ca/

나는이 (이미지)를 달성하기 위해 노력하고 있어요 : http://museiam.ca/wp-content/uploads/LookBookPage_1.jpg

내가 사용하고 주제는 바닥 글 영역에서 3 또는 4 위젯의 옵션을 할 수 있습니다. 현재 3으로 설정되어 있습니다. 메뉴 자체는 Customer Care - Newsletter 링크를 포함하여 하나의 위젯에 있습니다. Follow Us 링크는 모든 소셜 아이콘이있는 다른 HTML 텍스트 위젯에 있습니다. 나는 한 줄에 모든 것을 넣으려고 노력하고 있으며, 똑같은 덧씌우 기와 같은 그림을 그립니다.

나는 메뉴 너비의 위젯을 늘리려고했지만 성공하지 못했습니다.

.widget widget_nav_menu .menu-footer-1-container { 
width: 800px !important; 
} 

은 내가 원하는 모습을 달성하기 위해 모든 입력 또는 솔루션에 개방 이니 여기에 내가 시도 CSS입니다. 모두에게 감사 드리며 감사드립니다.

답변

0

.container_12 .grid_4을 찾아 또한, 당신은 빈 텍스트 게시물이 거기에 다른 위젯을 가지고, 그것을 제거

.container_12 .grid_4 { 
width: 100%; 
} 

100 % 너비를 변경합니다.

+0

안녕하세요. 나는 이것을 시도했지만 작동하지 않았다. – crazythedon

0

'container_12'상위 div를 채우기 위해 3 'grid_4'div를 사용하고 있습니다. 당신이 (내 관점에서)해야 할 것은 다음과 같습니다

  1. 대신 3 'grid_4'으로 분할의 메뉴를 포장 한 'grid_12'사업부를 사용합니다. 센터링 리 어린이를위한 '디스플레이 : 인라인 블록': '가운데 정렬'

  2. 않는

  3. 그런 다음, 메뉴 UL을주고 그들에 (나는 이미이 일을했다고 생각).

+0

조금 더 잘 이해할 수 있도록 도와 주셔서 감사합니다. 어쨌든 그리드를 제거하고 바닥 글을 컨테이너로 옮기는 방법이 있습니까? 아니면 위젯을 바닥 글에서 완전히 제거 할 것입니까? – crazythedon

+0

'grid_12'div가 컨테이너가됩니다. 제거하면 반응이 좋지 않거나 이상하게 나타날 수 있습니다. –