如何修复“下一步按钮出现在左侧而不是右侧”?

时间:2019-06-13 16:47:15

标签: html css wordpress pagination themes

我正在使用next page主题,并且尝试通过查看Styles.css文件来移动previous page按钮以显示在右侧,但是我不知道它是什么同样,在进入第二页之后,Next pageStyles.css都出现在左侧,所以彼此靠近。

这是我的代码的屏幕截图:

  1. https://imgur.com/tkWhpFG
  2. https://imgur.com/z9qiTNG

尝试查看nav.posts-navigation { clear: both } .pagination { clear: both; overflow: hidden; width: 100%; margin: 5px auto; text-align: center; font-size: 16px; } .single .pagination { border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 0; padding: 2.2% 0; width: 100%; text-align: right; } .pagination ul { list-style: none; margin: 0; display: inline-block; } .pagination ul li { display: inline-block; margin-bottom: 5px; } .pagination .current, .pagination .dots, .pagination a:hover { color: #fff; margin: 0 1px 0 0; display: inline-block; line-height: 1; text-decoration: none; padding: 10px 13px; background: #2a2a2a; font-weight: bold; margin-bottom: 10px; } .single .pagination .current { padding: 0; margin: 0; background: transparent; } .single .pagination a .currenttext { padding: 0; background: transparent; color: #FFF; margin-right: 0; margin-bottom: 0; } .single .pagination a:hover .currenttext { color: #fff } .pagination a { background: #38B7EE; margin: 0 1px 0 0; display: inline-block; line-height: 1; text-decoration: none; color: #fff; padding: 10px 17px; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; font-weight: bold; margin-bottom: 13px; } .pagination ul li:last-child a { margin-right: 0 } .pagination a:hover { color: #fff } .pagination i.icon-left { margin-right: 10px } .pagination i.icon-right { margin-right: 10px } .top { float: right; position: absolute; left: 50%; top: -18px; width: 55px; height: 55px; margin-left: -26px; background: #eee; border-top: 1px solid #ddd; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; z-index: 100; } .pnavigation2 { display: block; width: 100%; overflow: hidden; padding: 10px 0; float: left; margin-top: 20px; } .pagination .nav-previous { float: left } .pagination .nav-next { float: right } .pagination .nav-previous a, .pagination .nav-next a { color: #fff!important } .pagination .nav-previous a:hover, .pagination .nav-next a:hover { background-color: #222 } .single .currenttext { margin-bottom: 0 } .pagination .current .currenttext { margin-bottom: 10px }文件以进行更改,但没有任何效果,代码如下:

{{1}}

0 个答案:

没有答案