HubSpot Design - 更改模板的背景颜色
HubSpot Design - Change background color of template
我有一个模板,我正在为我们在 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
尝试删除此行
{% set base_gradient
我有一个模板,我正在为我们在 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
尝试删除此行
{% set base_gradient