通过WordPress中的CSS调整网站中页眉/div的大小

时间:2019-12-11 作者:Abdul Hadi Mulkana

如何调整WordPress网站的标题/div?我已经尝试通过进入Inspect元素来检查div名称,但它不起作用。还有一件事,当我单击“自定义”选项时,大小会发生变化,并变得正常。请帮帮我。我附上了一张照片

网页截图链接https://ibb.co/KXVyyML

1 个回复
SO网友:MistaPrime

没有链接就不可能给出解决方案。通常,您会向作为标头的div添加一个max width值。例如,假设以下代码是您的头代码:

<div id="header">
    <div id="menuHolder">
        HERE WILL BE OTHER CODES SUCH AS YOUR MENU
    </div>
</div>
然后,要使整个页眉的宽度变小,可以使用以下CSS:

#header {
max-width: 800px;
margin: 0 auto;
}
也可以将相同的CSS应用于内部div,如下所示:

#menuHolder {
max-width: 800px;
margin: 0 auto;
}

相关推荐

如何组织插件css文件的优先级?

我正在开发带有主题(Astra Pro with child主题)和插件的网站。当我在Chrome开发工具中检查性能时,跟踪显示了具有高优先级的非关键样式表。示例-lightbox样式表是主要文件之一:是否有办法控制这些优先级,以便我可以先放置关键文件,然后再放置非关键文件?初学者水平的答案将不胜感激。编辑#1:我已经添加了我的子主题函数。php代码:add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\', 99 ); functi