{"id":37096,"date":"2015-10-02T09:15:28","date_gmt":"2015-10-02T09:15:28","guid":{"rendered":"https:\/\/the7.io\/main\/?page_id=37096"},"modified":"2015-10-02T09:15:28","modified_gmt":"2015-10-02T09:15:28","slug":"custom-css","status":"publish","type":"page","link":"https:\/\/www.sailforce.one\/?page_id=37096","title":{"rendered":"Custom CSS"},"content":{"rendered":"

[vc_row type=“vc_default“ css=“.vc_custom_1476212569251{padding-top: 70px !important;padding-bottom: 70px !important;}“][vc_column][vc_tour interval=“0″ title_size=“normal“ style=“tab-style-three“][vc_tab title=“UlTIMATE ADDONS: using accent color“ tab_id=“1475852626366-14-3″][vc_column_text]Headings title
\n<\/strong>Custom CSS Class = accent-title-color<\/p>\n

Headings subtitle<\/strong>
\nCustom CSS Class\u00a0= accent-subtitle-color<\/p>\n

Headings icon<\/strong>
\nCustom CSS Class\u00a0= accent-icon-color<\/p>\n

Headings separator (solid)<\/strong>
\nCustom CSS Class = accent-border-color<\/p>\n

Info Box (icons background color)<\/strong>
\nCustom CSS Class = accent-icon-bg<\/p>\n

Info box (title)<\/strong>
\nCustom CSS Class = accent-title-color<\/p>\n

Info Box (subtitle)<\/strong>
\nCustom CSS Class = accent-subtitle-color<\/p>\n

Just Icon (icon background color)
\n<\/strong>Custom CSS Class = accent-icon-bg<\/p>\n

Just Icon (icons color)<\/strong>
\nCustom CSS Class =accent-icon-color<\/p>\n

Advanced Carousel\u00a0(arrows background color)<\/strong>
\nCustom CSS Class = accent-arrow-bg[\/vc_column_text][\/vc_tab][vc_tab title=“Reverse columns order on mobile“ tab_id=“1573412758496-9-6″][vc_column_text]Add custom class to\u00a0reverse columns order on mobile device
\n<\/strong>hor-tablet-reverse-col
\nvert-tablet-reverse-col
\nphone-reverse-col[\/vc_column_text][\/vc_tab][vc_tab title=“Painting content“ tab_id=“1444992551473-21-0″][vc_column_text]Accent color:<\/strong>
\nCustom CSS Class=“paint-accent-color“<\/p>\n

Secondary color:<\/strong>
\nCustom CSS Class=“color-secondary“<\/p>\n

Title color:<\/strong>
\nCustom CSS Class=“color-title“<\/p>\n

Highlight text:<\/strong>
\n

\n

[dt_highlight color="" text_color="#ffffff" bg_color="#3de374"]your text[\/dt_highlight]<\/p><\/div>[\/vc_column_text][\/vc_tab][vc_tab title=“REVOLUTION: include header in fullscreen slider“ tab_id=“1443791049165-19-1″][vc_column_text]<\/b>Paste\u00a0„.masthead“ in „Containers“ field on Revolution Slider settings page.
\n<\/b><\/p>\n

[\/vc_column_text][\/vc_tab][vc_tab title=“Centering content in a row or column“ tab_id=“1443784436177-17-5″][vc_column_text]Extra class name for VC row or column:\u00a0<\/strong><\/p>\n

text-centered[\/vc_column_text][\/vc_tab][vc_tab title=“Submenu background border radius“ tab_id=“1447076952604-23-4″][vc_column_text]Menu background<\/strong>
\n.sub-nav,
\n.dt-mega-menu-wrap {
\n-webkit-border-radius: 10px;
\nborder-radius: 10px;
\n}<\/p>\n

Hover backgrounds<\/strong>
\n.top-header .sub-nav.hover-style-bg li:not(.dt-mega-parent) > a,
\n.top-header .hover-style-click-bg li:not(.dt-mega-parent) > a,
\n.top-header .hover-style-click-bg li:not(.dt-mega-parent) > a .rippleAnimate,
\n.top-header .dt-mega-menu .sub-nav .dt-mega-parent .sub-nav a:hover {
\n-webkit-border-radius: 10px;
\nborder-radius: 10px;
\n}[\/vc_column_text][\/vc_tab][vc_tab title=“Submenu 3+ levels left padding“ tab_id=“1443777860840-4-8″][vc_column_text].sub-downwards .main-nav .sub-nav .sub-nav {
\npadding-left: 20px;
\npadding-right: 20px;
\n}[\/vc_column_text][\/vc_tab][vc_tab title=“Hide top bar on the particular page“ tab_id=“1443780160887-15-10″][vc_column_text].page-template-template-microsite .top-bar {
\ndisplay: none;
\n}[\/vc_column_text][\/vc_tab][vc_tab title=“Single Image – remove lazy loading background“ tab_id=“1481899075709-14-5″][vc_column_text]Single img – Extra class name = layzr-bg-off<\/p>\n

Custom CSS settings :
\n<\/strong>.layzr-bg-off .layzr-bg {
\nbackground-color: transparent;
\n}[\/vc_column_text][\/vc_tab][vc_tab title=“Photo Scroller nav. paddings“ tab_id=“7ce82d2a-bb6a-0″][vc_column_text].project-navigation {
\ntop: 30px;
\nright: 110px;
\n}[\/vc_column_text][\/vc_tab][\/vc_tour][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row type=“vc_default“ css=“.vc_custom_1476212569251{padding-top: 70px !important;padding-bottom: 70px !important;}“][vc_column][vc_tour interval=“0″ title_size=“normal“ style=“tab-style-three“][vc_tab title=“UlTIMATE ADDONS: using accent color“ tab_id=“1475852626366-14-3″][vc_column_text]Headings title Custom CSS Class = accent-title-color Headings subtitle Custom CSS Class\u00a0= accent-subtitle-color Headings icon Custom CSS Class\u00a0= accent-icon-color Headings separator (solid) Custom CSS Class = accent-border-color Info Box (icons background color) Custom CSS Class = accent-icon-bg Info box (title)…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":28758,"menu_order":999,"comment_status":"closed","ping_status":"closed","template":"","meta":{"wprm-recipe-roundup-name":"","wprm-recipe-roundup-description":"","footnotes":""},"class_list":["post-37096","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages\/37096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37096"}],"version-history":[{"count":0,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages\/37096\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.sailforce.one\/index.php?rest_route=\/wp\/v2\/pages\/28758"}],"wp:attachment":[{"href":"https:\/\/www.sailforce.one\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}