【问题标题】:Struggling to find element in Chrome Inspect - how to customise?努力在 Chrome Inspect 中查找元素 - 如何自定义?
【发布时间】:2020-05-25 18:51:57
【问题描述】:

我正在尝试使用 Chrome Inspect 查找元素的属性。我正在尝试对 wordpress 网站进行自定义 CSS 更改。

查看https://thehayexchange.co.uk/ - 我想在“最新广告”缩略图周围使用相同的灰色边框。我想在我的长广告周围使用那个边框(在页面底部,目前是一张大图片,上面写着“我的花哨的羽毛”)。

我可以看到 DIV 类是:awpcp-listings-widget-item awpcp-listings-widget-item-with-left-thumbnail-in-desktop awpcp-listings-widget-item-with-thumbnail-above-in -mobile awpcp-listings-widget-item-without-thumbnail

但是,当我进入 WordPress CSS 项目编辑器并应用边框时,我找不到样式。

有什么建议吗?

【问题讨论】:

    标签: wordpress


    【解决方案1】:

    您可以将此样式应用于您的长广告以达到类似的效果:

    border: 5px solid #f2f2f2;
    border-radius: 5px;
    

    我使用检查器工具获取颜色和边框半径。

    【讨论】:

    • 太棒了,谢谢。我将如何与中心对齐?我已经使用了 align-content: center;但它不起作用。
    • align-content 仅用于灵活内容(例如display: flex),您应该使用margin: auto check here for css basics
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-27
    • 2020-02-24
    • 1970-01-01
    • 1970-01-01
    • 2019-03-27
    • 1970-01-01
    相关资源
    最近更新 更多