【问题标题】:overlapping title over text css issue文本CSS问题上的重叠标题
【发布时间】:2017-03-07 21:20:38
【问题描述】:

http://www.kalematconsulting.com/#news

当我进入新闻部分时,这似乎是移动视图中的一个问题

标题“无策略和变革的最后一英里”似乎与“由 Admin |日期 |类别

我尝试过检查元素并玩弄,但无法弄清楚这一点。如果有人可以帮助我,我可以在这个 wp 主题上添加自定义 css 吗?

【问题讨论】:

  • 如果您提供 HTML 和 CSS,那么调试和提供具体建议会更容易。仅仅一张图片就可以解决很多事情
  • 请添加您的代码
  • @KevPrice - 该网站建立在 Wordpress 上,我认为您需要访问后端?如果您能够在浏览器中调试,则该网址在原始帖子中?
  • @WaqarAhmed 不,您需要发布相关代码来识别问题
  • @WaqarAhmed 而不是要求某人在您的网站上搜索不相关的代码。我建议您将网站上的相关代码部分复制并粘贴到您的问题中 - 即您在浏览器中查找代码并将其粘贴到此处。 html和css

标签: html css wordpress


【解决方案1】:

因为这段代码,你会遇到这个问题。

.kalemat-post .fusion-alignleft {
    position: absolute;
    top: 30px;
}

您只需进行少量 HTML 和 CSS 编辑。

将这个html标签<div class="fusion-meta-info"></div>移动到包含新闻标题的<h2>标签之后和这个标签之前<div class="fusion-post-content-container"></div> 接下来像这样更改您的 CSS。

.kalemat-post .fusion-alignleft {
    position: relative;
}

【讨论】:

  • @IsuruAb 正在查看 HTML
    已经超过新闻标题

    标签,按照您的建议进行 css 编辑推线博客摘录下方的元标记信息

  • 抱歉我没能做到,因为我不知道怎么做:(
  • @WaqarAhmed 请添加新闻部分的代码。然后我可以给你看
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-05-30
  • 2010-11-19
  • 2019-05-17
  • 1970-01-01
  • 2023-03-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多