我正在一个使用Jupiter 4主题的网站上。仪表板中提供配置标头布局的选项, 但是没有任何可将背景图像添加到标头的选项。
样式表位于themes/jupiter/stylesheet/css/styles.css。在其中, 我尝试放置背景图片:url(‘
/ wp-content / uploads / 2016/04 / header-miami-beach-sign.png’
);
以#mk-header开头的不同ID定义, 但未显示任何图像。标题背景只是纯白色。
我正试图扭转这个:
文章图片
到这个:
文章图片
#1 在jupiter 4主题中, 一切都在Jupiter后端” 主题选项” 中:
你可以禁用工具栏, 并将标题高度设置在140像素到200像素之间(如果需要, 还可以设置更高)。
对于样式, 请转到” 样式标签(或菜单):
- 首先, 你可以在” 标题” 中取消设置(或重置)白色背景(透明)。
- 然后在” 背景” 部分中添加(选择标题区域), 即可在此处设置背景图像。
不要忘记木星主题对你的背景图像具有响应性……
解决高级主题问题的最准确方法是阅读文档, 搜索Jupiter支持线程或询问该支持线程。
— -(更新)— -
要设置不同的图像大小, 你需要使用CSS(这只是一个示例):
.mk-header-bg.mk-background-stretch {
background: transparent url('/myImage-hd.jpg') no-repeat !important;
}
@media only screen and (max-width: 1024px) {
.mk-header-bg.mk-background-stretch {
background: transparent url('/myImage-big.jpg') no-repeat !important;
}
}
@media only screen and (max-width: 768px) {
.mk-header-bg.mk-background-stretch {
background: transparent url('/myImage-medium.jpg') no-repeat !important;
}
}
@media only screen and (max-width: 588px) {
.mk-header-bg.mk-background-stretch {
background: transparent url('/myImage-medium-small.jpg') no-repeat !important;
}
}
@media only screen and (max-width: 400px) {
.mk-header-bg.mk-background-stretch {
background: transparent url('/myImage-small.jpg') no-repeat !important;
}
}
@media only screen and (max-width: 300px) {
.mk-header-bg.mk-background-stretch {
background: transparent url('/myImage-very-small.jpg') no-repeat !important;
}
}
#2 【将背景图像添加到Jupiter 4 WordPress主题标头】你需要从叠加元素中删除当前背景。然后, 你可以将背景添加到标题中, 这样就会看到它。
.mk-header-bg.mk-background-stretch, .mk-header-toolbar {
background: none;
}
.mk-header-holder {
background-image: url('/myImage.jpg');
}
推荐阅读
- 在自定义帖子类型中添加链接
- windows下的pycharm配置 linux环境
- day1-python简介+安装
- python 调用zabbix api实现查询主机信息,输出所有主机ip
- 调用zabbix 分组api
- Spug监控
- Total Commander快捷键
- oeasy教您玩转vim - 76 - # Session会话
- 解决ubuntu下编译报错/usr/include/linux/errno.h:1:10: fatal error: asm/errno.h #yyds干货盘点#