CSS

2017-12-19 2 views
1

나는 워드 프레스 (테마 : 디비)에있는 호텔 예약 플러그인을 사용하여 옆에 필드 측을 배치하는 방법, 및 가용성 검색 표시 줄이 현재보기가 : 나는 부착으로 https://www.fenyvesivendeghaz.hu/proba-oldal/CSS

뭔가 싶습니다 Pict

어떻게 CSS로 만들 수 있습니까?

현재 나는이 라인을 가지고 :

.button { 
    background-color: #4CAF50; /* Green */ 
    border: none; 
    color: white; 
    padding: 15px 32px; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    font-size: 16px; 
} 

input[type=text] { 
    background-color: #f1f1f1; 
    background-image: url('searchicon.png'); 
    background-position: 10px 10px; 
    border-radius: 4px; 
    border: none; 
    background-repeat: no-repeat; 
    padding-left: 40px; 
    float: left; 
    padding: 16px 20px; 
} 

select { 
    width: auto; 
    padding: 16px 20px; 
    border: none; 
    border-radius: 4px; 
    background-color: #f1f1f1; 
    float: left; 
} 

.input[type=text] { 
    display: inline-block; 
    min-width: 48.8%; 
} 

.input[type=text] { 
    margin-right: 1.4%; 
} 

사전에 감사! 만 ("A kötelezően kitöltendő mezőket követi는"제외) & 버튼이 폼에서 입력에이를 적용 할 경우

답변

1

사용 this-

.mphb_sc_search-form p { 
    display: inline-table; 
    margin-right: 12px; 
    vertical-align: middle; 
} 

또는 다음 this-

.mphb_sc_search-form p:not(:first-child) { 
    display: inline-table; 
    margin-right: 25px; 
    vertical-align: middle; 
} 
를 사용

중심으로 형상 - "제거하려면

.mphb_sc_search-form { 
    text-align: center; 
} 

kötelezően kitöltendő 나 zőket követi a * "-

p.mphb-required-fields-tip { 
    display: none; 
} 
+0

Arif! 당신은 많은 도움이되었습니다! 어떻게 "A kötelezően kitöltendő mezőket követi a"를 양식 아래에 놓을 수 있으며 어떻게 삭제할 수 있습니까? 이 양식을 전체 너비 + 가운데 맞춤로 표시하고 싶습니다. https://themes.getmotopress.com/?theme=Oceanica#_ga=2.3391856.1121316914.1513617733-1994727348.1513617733 어떻게 할 수 있습니까? 필드와 동일한 수평 위치에있는 녹색 제출 버튼을 원합니다. :) –

+0

업데이트 된 답변 확인. 양식을 가운데에 배치하기 위해 CSS가 추가되었습니다. –