Html WordPress主题古怪
我已经在我的WordPress实例中应用了一个名为Karma的主题,有一个问题(他们否认了),我已经有一段时间了,只是似乎无法用它的CSS解决 问题是,我的网站,是一个反应迅速的网站。当它为手机或平板电脑调整大小时,.jqslider似乎无法正确调整自身大小。它只是变成了一个灰色的酒吧,困扰着你 桌面视图: 移动视图: Karma主题手机视图(在线预览): 任何帮助都将不胜感激。很明显,你可以检查这个网站,看看它的来源Html WordPress主题古怪,html,css,wordpress,themes,wordpress-theming,Html,Css,Wordpress,Themes,Wordpress Theming,我已经在我的WordPress实例中应用了一个名为Karma的主题,有一个问题(他们否认了),我已经有一段时间了,只是似乎无法用它的CSS解决 问题是,我的网站,是一个反应迅速的网站。当它为手机或平板电脑调整大小时,.jqslider似乎无法正确调整自身大小。它只是变成了一个灰色的酒吧,困扰着你 桌面视图: 移动视图: Karma主题手机视图(在线预览): 任何帮助都将不胜感激。很明显,你可以检查这个网站,看看它的来源 *注意:我已经重新安装了Wordpress和主题本身以及所有插件,所以
*注意:我已经重新安装了Wordpress和主题本身以及所有插件,所以不是这样。我只是在代码中寻找解决方案。对于其他遇到此错误的人,这似乎是css文件中的一个错误。下面是修复方法 在karma-royal-blue.css文件中,您必须注释掉下面的一行
/*------------------------------------------------*/
/* HEADER
/*------------------------------------------------*/
#header .header-holder {background:#182947 url(../images/skins/karma-royal-blue/bg-header-holder.jpg) 0 0 repeat-x !important;}
/* .big-banner #header .header-holder {background:#182947 url(../images/skins/karma-royal-blue/bg-big-header-holder.png) 0 0 repeat-x !important;} */
.top-block {background:#13223C !important;}
注释掉的那一行就是需要注释掉的那一行。这修复了错误
此修复适用于Karma Wordpress主题中的皇家蓝色配色方案。它也可能适用于其他人 我只是说网站;。。。滑块在平板电脑中似乎工作正常…手机…虽然需要样式我为您发布了屏幕截图…如果您不喜欢灰色条,为什么要使用媒体查询将其隐藏在某个宽度?我正试图让它像预期的那样扩展到下面文本的大小或固定的宽度,以便您可以实际看到文字,但它在其响应性设计中似乎并没有做到这一点,即使它应该做到这一点。我会用一张图片来修改原来的帖子,显示它应该是什么样子。看起来你的风格是正确的