锐客网

  1. 首页 > 睿知 > it技术 > >

WordPress主题的中心页脚

cssWordPress网站开发IT知识问答主题页脚htmlWordPress开发

我目前正在创建一个网站, 并使用非常漂亮的Reykjavik主题。首先, 我创建了一个主题。现在, 我想对主题进行一些修改。在此模板中, 可以对页脚进行个性化设置, 但不能更改其位置。我提供与页面检查器一起检查它的位置, 但是什么也没找到…

WordPress主题的中心页脚

文章图片
我提供了修改我的style.css子主题的功能, 为页脚添加了相对位置, 但它没有任何改变。
WordPress主题的中心页脚

文章图片
你对如何使页脚文本居中有任何想法吗？
非常感谢你 ：)
杰瑞
#1 我们在site-info类中添加边距：auto, 然后文本居中。
.site-info { margin: auto }

WordPress主题的中心页脚

文章图片
#2 这是如果你尝试将< div> , < img> 等居中放置。
W3Schools内联和块元素列表
你可能需要考虑使用margin：0 auto;
.centered { margin: 0 auto; /*margin:0 auto: this gives the element a 0 top and bottom margin, and automatically sets the left and right to the maximum it can be*/ width:100px; /*You need to specify a width for this to work*/ }

< div> < p class="centered"> Hello World < /p> < /div>

【WordPress主题的中心页脚】对于内联元素, 例如< span> , < img> 或文本元素
W3Schools内联和块元素列表
为此, 你可以使用text-align：center; 。
.centered { text-align: center; /*Just tell the text to center itself in the element*/ }

< p class="centered"> Hello World! < /p>

W3Schools内联和块元素列表
CSS技巧：以CSS为中心

    推荐阅读


    上一篇：将Bootstrap 4 JS文件添加到WordPress主题时出错-内存耗尽

    下一篇：更改WordPress中的默认分页样式