Archived topic
Customize Search Form
5 replies · Started by Feri on September 23, 2018
Viewing posts 1–6 of 6
Hi there,
Based on this support thread https://generatepress.com/forums/topic/customize-jetpack-subscription-form/page/2/ i want to customize search form look like the subscription form.
@media (min-width: 769px) {
#sub-section #subscribe-email input, #sub-section #subscribe-submit input[type=submit] {
width: 50% !important;
}
#sub-section #subscribe-email input {
float: left;
}
}Search form must have search field/text longer than search button at desktop view but have a same size when in a mobile view. design: https://prnt.sc/kxmsm5
Location Search Form: Front Page, Static Page with Sections
thank you
Hi there,
try this:
input.search-field, input.search-submit {
width: 50%;
}
input.search-field {
float: left;
clear: both;
}
@media (max-width: 768px) {
input.search-field, input.search-submit {
width: 100%;
float: none;
}
}i wan to make search field longer than search button. the code below is correct?
input.search-field {
width: 70%;
}
input.search-submit {
width: 30%;
}
input.search-field {
float: left;
clear: both;
}
@media (max-width: 768px) {
input.search-field, input.search-submit {
width: 100%;
float: none;
}
}That is correct
thanks, david.
You're welcome
This archived topic is closed to new replies.
