wordpress 使用the7企业建站 修改默认的搜索按钮 为搜索框方法

WPwordpress建站   the7默认的搜索框式这样子的     而我们需要的更是这样子的效果,这个要怎么改呢? WP创意互动专业与企业网站建设 费了九牛二虎之力终于把系统默认的效果改了 只需要在css自定义中加入这个样式就可以 .masthead .mini-search WP网站建设

厦门wordpress建站

厦门wordpress建站

 

the7默认的搜索框式这样子的

 

sousuo2

 

而我们需要的更是这样子的效果,这个要怎么改呢?

厦门创意互动专业与企业网站建设 费了九牛二虎之力终于把系统默认的效果改了

只需要在css自定义中加入这个样式就可以

.masthead .mini-search .field, .dt-mobile-header .mini-search .field{ display:block !important; visibility:visible !important; position:relative;opacity:1 !important; border-radius:5px !important;line-height: 24px;height: 36px;width: 130px;}
.dt-mobile-header .mini-search .searchsubmit, .masthead .mini-search .searchsubmit{ display:block;visibility:visible !important; background-image:url(/images/zoom.jpg); background-repeat:no-repeat;top: 20px;right: 0; width:16px;}
.masthead .mini-search .field {top: 8px;}
.mini-widgets .assistive-text{clip:rect(0px 16px 16px 0px) !important;}

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/4967

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:itbound@sina.com

工作时间:周一至周六,9:30-18:30

 

QR code