HubSpot Design-更改模板的背景颜色

时间:2018-12-27 15:07:55

标签: html css hubspot

我有一个模板,该模板针对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

Screenshot of Landing Page here

1 个答案:

答案 0 :(得分:0)

您可以在此处共享模板的所有代码吗?也许我可以帮助你。 要么 尝试删除此行 {%set base_gradient