Impreza主题高级设置

CSS类助手

20 views 2019年2月24日 2019年3月4日 imaiko 0

CSS助手类是有用的分配给主题元素一些特定的外观和行为,这些不包含在选项中。

Globle类#

全局类可以应用于任何主题元素。他们通常在内容元素的“Extra class name”字段中使用它们:

1908.png

隐藏#

该类通过将display:none!重要的 CSS属性赋予它来完全隐藏所需的元素。

vc_hidden-lg
vc_hidden-md
vc_hidden-sm
vc_hidden-xs #

这些类通过分配display:none来隐藏所需的元素!对于不同的屏幕宽度,重要的 CSS属性:

  • vc_hidden-lg – 屏幕宽度超过1120px
  • vc_hidden-md – 在992和1199px之间的屏幕宽度
  • vc_hidden-sm – 在768和991px之间的屏幕宽度
  • vc_hidden-xs – 屏幕宽度低于767px

align_left
align_right
align_center
align_justify #

这些类通过分配文本对齐 CSS属性来强制所需元素(及其内部元素)的文本对齐。

align_center_xs #

该类强制文本对齐到所需元素(及其内部元素)的“中心”,仅在屏幕宽度768px以下。

text_thin #

该类通过指定font -weight:300 CSS属性来更改所需元素(及其内部元素)的文本字体粗细。

text_bold #

该类通过分配font -weight:700 CSS属性来更改所需元素(及其内部元素)的文本的字体粗细。

highlight_primary #

该类通过指定颜色 CSS属性将主要文本颜色应用于所需元素(及其内部元素),值将从主题选项>颜色>内容颜色>主要颜色。

highlight_secondary #

该类通过指定颜色 CSS属性将辅助文本颜色应用于所需元素(及其内部元素),值将从主题选项>颜色>内容颜色>辅助颜色。

highlight_faded #

该类通过指定颜色 CSS属性将淡化文本颜色应用于所需元素(及其内部元素),值将从主题选项>颜色>内容颜色>淡化颜色。

highlight_white #

该类通过分配颜色将白色文本颜色应用于所需元素(及其内部元素):#fff CSS属性。

highlight_black #

该类通过分配颜色将黑色文本颜色应用于所需元素(及其内部元素):#000 CSS属性。

highlight_primary_bg
highlight_secondary_bg
highlight_faded_bg
highlight_dark_bg
highlight_light_bg #

当需要使用背景色突出显示某些文本时,这些类是有用的。这些类应用display:inline-block; 填充:0.5rem 1rem; CSS属性和相关的颜色值。

行类#

行类可以通过“Extra class name”字段应用于Row元素(不是内行)。

重置边距#

当您使用“默认”列布局时,此类将列与背景对齐,请查看下面的示例:

默认设置:
1902.jpeg

使用“重置边距”类:
1903.jpeg

remove_bg_xs #

此类隐藏行背景图像屏幕宽度低于768px。

帮到你了吗?