【问题标题】:HubSpot Design - Change background color of templateHubSpot Design - 更改模板的背景颜色
【发布时间】:2018-12-27 15:07:55
【问题描述】:

我有一个模板,我正在为 HubSpot 中的登录页面进行部分自定义。我希望背景是简单的白色,它目前看起来是一个灰色渐变(见截图)。当前代码是:

 /* ----- Structure & Design ----- */

{% set site_background = "#FFFFFF" %}
{% set second_site_background = "#f3f3f3" %}
{% set wrapper = 1130 %}
{% set corners = "rounder" %}
{% set sticky_option = "Yes" %}
{% set scroll_top = "Yes" %}

/* ----- Base Colors ----- */

{% set base_background = "#111111" %}
{% set base_color = "#40e4b3" %}
{% set base_font_color = "#FFFFFF" %}
{% set second_base_color = "#062d70" %}
{% set second_base_font_color = "#333333" %}
{% set three_base_color = "#283c86" %}
{% set sticky_background = "#000000" %}
{% set sticky_background_link_color = "#ffffff" %}
{% set font_color = "#222222" %}
{% set link_color = "#40e4b3" %}
{% set link_hover_color = "#1A1A1A" %}
{% set heading_font_color = "#333333" %}
{% set second_font_color = "#e6e6e6" %}
{% set base_gradient = "/*background: rgba(40,60,134,1);
background: -moz-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(40,60,134,1)), color-stop(100%, rgba(69,162,71,0.89)));
background: -webkit-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
background: -o-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
background: -ms-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
background: linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283c86', endColorstr='#45a247', GradientType=1 );*/
background: rgba(10,36,82,0.99);
background: -moz-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%,     rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(10,36,82,0.99)), color-stop(0%, rgba(10,36,82,0.99)), color-stop(33%, rgba(43,78,136,0.99)), color-stop(34%, rgba(44,79,138,0.99)), color-stop(100%, rgba(43,218,165,1)));
background: -webkit-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -o-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: linear-gradient(135deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);

过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a2452', endColorstr='#2bdaa5', GradientType=1);"%}

我很确定我只需要在设置 site_background(第一行)之后删除所有内容,但如果有人有更好(或更正确)的答案,那将非常有帮助。我在 HubSpot 论坛中询问过,并尝试了他们为电子邮件模板提供的解决方案,found here

谢谢! LT

【问题讨论】:

    标签: html css hubspot


    【解决方案1】:

    尝试删除此行

    {% set base_gradient
    

    【讨论】:

    • 它很长(超过 200000)个字符,所以我不能在评论中或作为答案发表:/ 我会尝试删除 base_gradient 行,看看我是否可以在几个中发布代码cmets 关注这里
    • 并在此处分享链接
    • 刚试了一下,什么也没发生(灰色区域还是灰色)。
    • 感谢您抽出宝贵时间,非常感谢!
    猜你喜欢
    • 2017-01-07
    • 2017-11-30
    • 2016-11-03
    • 2021-07-06
    • 1970-01-01
    • 2015-09-06
    • 1970-01-01
    • 2013-08-08
    相关资源
    最近更新 更多