制作wordpress站点100％浏览器宽度

问题描述：

我正在建造一个WordPress主题，使用来自templatemonster的一个叫做Shared Space的主题，你可以在这里找到（https://www.templatemonster.com/wordpress-themes/64066.html）。我的问题是在管理面板的后端让你设置网站的宽度像素。但不会让你使用百分比。我涉猎并发现在铬检查，如果我禁用最大宽度1200px，并把最大宽度为100％的网站，因为全屏。我唯一的问题是检查只显示（索引）：373，我找不到style.css文件中的这一行。制作wordpress站点100％浏览器宽度

@media (min-width: 1200px)(index):373 
.site .container { 
    /* max-width: 1200px; */ 
    max-width: 100%; 
}

上面的代码是这个类检查下发现：

<div class="top-panel__container container">

这里是网站我的工作：http://www.rodgersgroupllc.com/newsite/

我曾尝试将它复制到额外的CSS区定制WordPress的，但它似乎并没有超过这个。有人可以告诉我，我能做些什么来使这个网站真正的全屏幕从左到右？

感谢，

答

很可能你的css文件会覆盖你的类。你尝试过！重要吗？ .site .container { max-width: 100% !important; }或body .site .container { max-width: 100%; }

答

您可以自定义CSS添加到WordPress网站，你可以找到在外观>主题>自定义CSS自定义CSS选项。在这里，您可以编写自定义CSS并覆盖主题的默认CSS。

我已经试过了。我把@media（min-width：1200px）（index）：373 .site .container {/ * max-width：1200px; */ max-width：100％; }但它没有奏效。该网站仍然在1200px宽的加载。我可以在后端设置一个宽度，但只能使用像素而不是百分比。还有其他建议吗？ –

@FrankG。您可以尝试CSS特异性，如上所述 - .top-panel.invert top.panel__container.container { max-wdth：100％; } –

制作wordpress站点100％浏览器宽度

相关推荐