Avada主题中调整Popup Modal窗口大小技巧

建站教程 心晴客栈 85次浏览 0个评论 扫描二维码

用Avada主题做了一个站,用Popup modal窗口实现询盘功能。发现窗口大小只有两个选项,要么太大,要么太小:

Avada主题中调整Popup Modal窗口大小技巧

 

Avada主题中调整Popup Modal窗口大小技巧

搞了很长时间,发现可以修改的方法,分享给大家。
1、首先在制作Popup modal窗口的时候选择一个Size,比如Large。
2、在Dashboard > Appearance > Theme Options > Custom CSS 下加入代码:
.modal-lg {
width: 900px;
}

把900px改成你想要的宽度,比如600px。

如果选择的size是Small,那么加入代码:
.modal-sm {
width: 300px;
}

把300px修改成你想要的宽度。300和900时原始大小。
3、修改后的效果:

Avada主题中调整Popup Modal窗口大小技巧
支持博主

心晴客栈 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明Avada主题中调整Popup Modal窗口大小技巧
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址