Question

我正在使用wordpress，主题是报纸。我想集中版权文本，但我不知道如何。我已经检查了主题面板设置，没有选项来编辑它。

主题面板图片：

我在网上找到了一些答案，他们建议在编辑器中添加代码，但我不确定它是否是footer.php或style.css。如果是后者，我设法找到关于子页脚的部分：

<div ng-app="myApp" ng-controller="myCtrl">
     <label>
          <input type="radio" ng-model="inputCreatedBy" value="byX"
            ng-click="myFilter(?, ?)"> by X&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="radio" ng-model="inputCreatedBy" value="byAll"
            ng-click="myFilter(?, ?)"> by All&nbsp;&nbsp;&nbsp;&nbsp;
    </label> <br/><br/>

    <label>
          <input type='checkbox' ng-model='Type1Files' ng-change='myFilter(?, ?)'>Type1 files&nbsp;&nbsp;&nbsp;&nbsp;
           <input type='checkbox' ng-model='Type2Files' ng-change='myFilter(?, ?)'>Type2 files&nbsp;&nbsp;&nbsp;&nbsp;
    </label>

    <br/><br/>
    <label ng-repeat="file in displayFiles | filter: myFilter(createdBy, fileType)">
            {{ file.name }}
    </label>

</div>
</body>
<script>
   var app = angular.module("myApp",[]);

   app.controller('myCtrl', function ($scope) {

    $scope.files = [
        { name: 'file1', type:'Type1', createdBy: 'X' },
        { name: 'file2', type:'Type2', createdBy: 'X' },
        { name: 'file3', type:'Type2', createdBy: 'Y' },
        { name: 'file4', type:'Type1', createdBy: 'Y' }
    ];

    $scope.displayFiles = [];

    $scope.myFilter = function() {
       return new function(createdBy, fileType) {
           var displayFilesTemp = [];
           for(i=0;i<$scope.files.length;i++) {
                if($scope.files[i].type ==fileType && $scope.files[i].createdBy == createdBy && !checkArrayContainsObject(displayFilesTemp, displayFiles[i])) {
                    displayFilesTemp.push(displayFiles[i]);
                }
            }
           return displayFilesTemp;
        };
    };
   });

    function checkArrayContainsObject(a, obj) {
        for (var i = 0; i < a.length; i++) {
            if (JSON.stringify(a[i]) == JSON.stringify(obj)) {
                return true;
            }
        }
        return false;
    }
</script>

Answer 1

感谢您的深度！这是您需要添加的一些CSS：

.td-pb-span5.td-sub-footer-copy {
    float: none;
    text-align: center;
    margin:0 auto;
}

您需要这样做的原因是因为您的子脚注正在遵循已为页面其余部分建立的一些规则：

.td-pb-row [class*="td-pb-span"] {
    display: block;
    min-height: 1px;
    float: left;
    padding-right: 24px;
    padding-left: 24px;
    position: relative;
}

只需删除上面的CSS即可“打破”＃39;页面其余部分的布局。

编辑，回答评论问题：

道歉，这里有更多信息：

当CSS被应用于已经由不同选择器规则设置样式的元素时，会计算特异性。我添加的CSS会自行添加，但是，如果您想将其添加到已有的选择器.sub-footer-copy，那么您就拥有了添加！important来覆盖你已编写的CSS，如下所示：

td.sub-footer-copy{ float: none !important; text-align: center; margin: 0 auto; }

这是因为选择器.td-pb-row [class*="td-pb-span"]比选择器.sub-footer-copy更强特定。以下是对此的进一步阅读：

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

此外，我还要注意，选择器.td-pb-row [class*="td-pb-span"]是属性选择器引用CSS类，因此它类似于.td-pb-row .td-pb-span

如何在subfooter中居置版权文本？

1 个答案:

编辑，回答评论问题：