背景

  • 披头士

    （@thebeatbali）


    2个月，1周前

    嗨，朋友们。在网页构建方面，我有点新手，也许这有一个非常简单的解决方案。请帮忙。

    我想更改我的帖子页面的背景。如果您查看上面的页面链接，您可以看到主工具栏和侧栏部分位于带有下拉阴影边缘的框中。我想把它改成其他的东西，并在Astra Child主题、Elementor和wordpress设置中尝试过，但我找不到任何有效的东西。当我更改设置时，没有任何更改。

    这让我觉得我找错了地方。在哪里可以对该页面和所有帖子页面进行背景更改？谢谢您。

    我需要帮助的页面：[登录查看链接]

查看4条回复-1至4条（共4条）
  • 彼得詹·丹尼斯

    （@nekojonez）

    2个月，1周前

    你好

    这真的取决于你想做什么。我一直在玩CSS，下拉阴影来自Elementor CSS。所以，我确信它就在Elementor的某个地方。

    https://ibb.co/vVxZ0Zy->如果你把第一行“方框阴影”改为我截图中的内容，阴影就会消失。

    除非你想改变阴影的颜色。

    在这些情况下，我通常会转到Customizer的“Custom CSS”部分并在那里添加新的CSS，或者安装SiteOrigin CSS，然后让它覆盖我主题的CSS。

    我将Astra用于另一个网站，它有很多选项，但不是所有选项……因此，可能是Astra（至少是免费版本）没有提供您想要的功能；）。

    这就是我能为你想到的。也许另一个论坛用户看到了我忽略的东西。但祝你好运，希望我的回答对你有点帮助。

    ask设计

    （@askdesign）

    2个月前

    同意@内科琼斯这取决于你想做什么样的改变。您需要考虑两个难题（Astra主题和Elementor构建器）。使用浏览器开发工具来识别要更改的部分，找到其选择器和类，然后进行修改。将CSS代码放在Customizer或Additional CSS（用于块主题）中。

    下面的两个示例与Elementor的背景色变量有关。

    对于总体背景将变量更改为新颜色，如下所示：

    .elementor-165080.elementore-element.elementr-element-ee0ab3f:不（.elementor移动效果-元素类型背景），.elementora-165080.elementor-element-element-olement-ee0 ab3f>.elementer-motion-effects-container>.elementor-motion-feffects-layer{
    /*---使用变量的原始背景色---*/
    /*---背景颜色：var（--e-global-color-astglobalcolor5）；---*/
    背景色：#8fa985；
    }

    要更改主要内容区域的背景以下为：

    .elementor-165080.elementore-element.elementor-element-b7165bc:not（.elementora-motion-effects-element-type-background）>.elementar-widget-wrap，.elementro-165080.elementora-element.elementtor-element-olement-b71 65bc>.elementor-widget-wrap>.elementar-motion-effects-container>.eleminor-motion-feffects-layer{
    /*---背景色：var（--e-global-color-astglobalcolor5）；    --- */
    背景色：#cadee5；
    }

    螺纹起动器 披头士

    （@thebeatbali）

    1个月，2周前

    你好，我回来了。我找不到你提到的代码在哪里，但无论如何，我想我需要更清楚地知道我想做什么。

    这是一个示例页面

    https://thebeatbali.com/features/bali-beach-side-clubs网站/

    我想去掉所有帖子上两个部分的整个方框外观。左侧和右侧的大主体部分。因此，每个部分都没有任何方框，只能看到文本和图像。还可以更改截面区域的大小。使其更宽或更窄。

    喜欢主页

    https://thebeatbali.com/

    我在哪里可以找到这个选项？我到处都试过了。谢谢

    askdesign公司

    （@askdesign）

    1个月，2周前

    如果Astra和/或Elementor没有进行这些更改的选项，您可以使用自己的自定义css进行更改。要修改任何内容，可以将代码放在Customizer部分中：
    外观>自定义>附加CSS.

    删除主容纳区域中的框，我认为你只需要去掉方框阴影，如下所示：

    .elementor-165080。elementor-element.elementort-element-b7165bc>.elementore-element-populated{方框阴影：0px 0px 10px 0px rgba（0,0,0,10）；}

    删除侧栏中的框，请尝试以下操作：

    .elementor-165080。elementor-element.elementort-element-5385ed1>.elementoreelement-populated{方框阴影：0px 0px 10px 0px rgba（0,0,0,10）；}

    使用浏览器开发工具识别要更改的部分，找到其选择器和类，然后进行修改。将CSS代码放在Customizer部分中。

查看4条回复-1至4条（共4条）