时间戳

首页 > 解决方案 > 如何在 Wordpress 的帖子导航小部件中的帖子标题之间添加空格（最好使用一些 CSS）？

css - 如何在 Wordpress 的帖子导航小部件中的帖子标题之间添加空格（最好使用一些 CSS）？

问题描述

我是 WordPress 和网站建设的新手。我无法在帖子底部的帖子导航小部件中的帖子标题之间添加空格。标题在中心相遇，阅读起来很混乱。理想情况下，我希望能够在多行中显示标题，但我可以在它们之间留一些空间并让它们消失在椭圆中。

![这是它现在的样子。][1]

理想情况下，我想使用 CSS 来改变这个问题，但如果不可能的话，我很高兴学习如何使用其他代码来解决这个问题。任何帮助是极大的赞赏！

这是我通过检查页面找到的 CSS 代码：

element.style {
}
.elementor-kit-1 {
--e-global-color-primary: #FFFFFF;
--e-global-color-secondary: #FD3A97;
--e-global-color-text: #4A4848;
--e-global-color-accent: #FDB589;
--e-global-color-ac96d9d: #999999;
--e-global-typography-primary-font-family: "Calibri Light";
--e-global-typography-primary-font-weight: 600;
--e-global-typography-secondary-font-family: "Roboto Slab";
--e-global-typography-secondary-font-weight: 400;
--e-global-typography-text-font-family: "Roboto";
--e-global-typography-text-font-weight: 400;
--e-global-typography-accent-font-family: "Roboto";
--e-global-typography-accent-font-weight: 500;
}
body, .site-title {
font-family: Nunito, var(--nv-fallback-ff);
}
body {
font-size: 16px;
}
body {
font-family: Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,var(-- 
nv-fallback-ff);
color: var(--nv-text-color);
line-height: 1.68421;
overflow-x: hidden;
direction: ltr;
background-color: var(--nv-site-bg);
}
.nv-html-content p, blockquote, body, dd, dl, dt, fieldset, figure, 
h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, 
textarea, ul {
margin: 0;
padding: 0;
}
*, :after, :before {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
user agent stylesheet
body {
display: block;
margin: 8px;
}
:root {
--e-global-color-nvprimaryaccent: #fd3a97;
--e-global-color-nvsecondaryaccent: #fdb589;
--e-global-color-nvsitebg: #fff;
--e-global-color-nvlightbg: #ededed;
--e-global-color-nvdarkbg: #14171c;
--e-global-color-nvtextcolor: #393939;
--e-global-color-nvtextdarkbg: #fff;
--e-global-color-nvc1: #f5e6de;
--e-global-color-nvc2: #4a4848;
}
:root {
--nv-primary-accent: #fd3a97;
--nv-secondary-accent: #fdb589;
--nv-site-bg: #fff;
--nv-light-bg: #ededed;
--nv-dark-bg: #14171c;
--nv-text-color: #393939;
--nv-text-dark-bg: #fff;
--nv-c-1: #f5e6de;
--nv-c-2: #4a4848;
--nv-fallback-ff: Arial , Helvetica , sans-serif;
}
:root {
--page-title-display: block;
}
html {
font-size: 100%;
overflow-x: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, :after, :before {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
*, :after, :before {
box-sizing: border-box;
-webkit-box-sizing: border-box;

标签： csswordpresspaddingelementor

解决方案

这对我有用——</p> 

.post-navigation__prev--title {
    padding-right: 40px;
}

推荐阅读