{"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":"http:\/\/stg-gtt.com\/fr\/more\/custom-css\/","title":{"rendered":"Custom CSS"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1476212569251\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_tour wpb_content_element  tab-style-three\" data-interval=\"0\">\n\t\t<div class=\"wpb_wrapper wpb_tour_tabs_wrapper ui-tabs vc_clearfix\">\n\t\t\t<ul class=\"wpb_tabs_nav ui-tabs-nav vc_clearfix text-normal\"><li><a href=\"#tab-1475852626366-14-3\">UlTIMATE ADDONS: using accent color<\/a><\/li><li><a href=\"#tab-1573412758496-9-6\">Reverse columns order on mobile<\/a><\/li><li><a href=\"#tab-1444992551473-21-0\">Painting content<\/a><\/li><li><a href=\"#tab-1443791049165-19-1\">REVOLUTION: include header in fullscreen slider<\/a><\/li><li><a href=\"#tab-1443784436177-17-5\">Centering content in a row or column<\/a><\/li><li><a href=\"#tab-1447076952604-23-4\">Submenu background border radius<\/a><\/li><li><a href=\"#tab-1443777860840-4-8\">Submenu 3+ levels left padding<\/a><\/li><li><a href=\"#tab-1443780160887-15-10\">Hide top bar on the particular page<\/a><\/li><li><a href=\"#tab-1481899075709-14-5\">Single Image - remove lazy loading background<\/a><\/li><li><a href=\"#tab-7ce82d2a-bb6a-0\">Photo Scroller nav. paddings<\/a><\/li><\/ul>\n\t<div id=\"tab-1475852626366-14-3\" class=\"wpb_tab ui-tabs-panel wpb_ui-tabs-hide vc_clearfix\">\n\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Headings title<br \/>\n<\/strong>Custom CSS Class = accent-title-color<\/p>\n<p><strong>Headings subtitle<\/strong><br \/>\nCustom CSS Class\u00a0= accent-subtitle-color<\/p>\n<p><strong>Headings icon<\/strong><br \/>\nCustom CSS Class\u00a0= accent-icon-color<\/p>\n<p><strong>Headings separator (solid)<\/strong><br \/>\nCustom CSS Class = accent-border-color<\/p>\n<p><strong>Info Box (icons background color)<\/strong><br \/>\nCustom CSS Class = accent-icon-bg<\/p>\n<p><strong>Info box (title)<\/strong><br \/>\nCustom CSS Class = accent-title-color<\/p>\n<p><strong>Info Box (subtitle)<\/strong><br \/>\nCustom CSS Class = accent-subtitle-color<\/p>\n<p><strong>Just Icon (icon background color)<br \/>\n<\/strong>Custom CSS Class = accent-icon-bg<\/p>\n<p><strong>Just Icon (icons color)<\/strong><br \/>\nCustom CSS Class =accent-icon-color<\/p>\n<p><strong>Advanced Carousel\u00a0(arrows background color)<\/strong><br \/>\nCustom CSS Class = accent-arrow-bg<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\n\t<div id=\"tab-1573412758496-9-6\" class=\"wpb_tab ui-tabs-panel wpb_ui-tabs-hide vc_clearfix\">\n\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Add custom class to\u00a0reverse columns order on mobile device<br \/>\n<\/strong>hor-tablet-reverse-col<br \/>\nvert-tablet-reverse-col<br \/>\nphone-reverse-col<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\n\t<div id=\"tab-1444992551473-21-0\" class=\"wpb_tab ui-tabs-panel wpb_ui-tabs-hide vc_clearfix\">\n\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Accent color:<\/strong><br \/>\nCustom CSS Class=&#8221;paint-accent-color&#8221;<\/p>\n<p><strong>Secondary color:<\/strong><br \/>\nCustom CSS Class=&#8221;color-secondary&#8221;<\/p>\n<p><strong>Title color:<\/strong><br \/>\nCustom CSS Class=&#8221;color-title&#8221;<\/p>\n<p><strong>Highlight text:<\/strong><br \/>\n<div class=\"shortcode-code\">\n<p>&#091;dt_highlight color=&quot;&quot; text_color=&quot;#ffffff&quot; bg_color=&quot;#3de374&quot;&#093;your text&#091;\/dt_highlight&#093;<\/p><\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\n\t<div id=\"tab-1443791049165-19-1\" class=\"wpb_tab ui-tabs-panel wpb_ui-tabs-hide vc_clearfix\">\n\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><b><\/b>Paste\u00a0&#8220;.masthead&#8221; in &#8220;Containers&#8221; field on Revolution Slider settings page.<b><br \/>\n<\/b><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\n\t<div id=\"tab-1443784436177-17-5\" class=\"wpb_tab ui-tabs-panel wpb_ui-tabs-hide vc_clearfix\">\n\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Extra class name for VC row or column:\u00a0<\/strong><\/p>\n<p>text-centered<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\n\t<div id=\"tab-1447076952604-23-4\" class=\"wpb_tab ui-tabs-panel wpb_ui-tabs-hide vc_clearfix\">\n\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Menu background<\/strong><br \/>\n.sub-nav,<br \/>\n.dt-mega-menu-wrap {<br \/>\n-webkit-border-radius: 10px;<br \/>\nborder-radius: 10px;<br \/>\n}<\/p>\n<p><strong>Hover backgrounds<\/strong><br \/>\n.top-header .sub-nav.hover-style-bg li:not(.dt-mega-parent) &gt; a,<br \/>\n.top-header .hover-style-click-bg li:not(.dt-mega-parent) &gt; a,<br \/>\n.top-header .hover-style-click-bg li:not(.dt-mega-parent) &gt; a .rippleAnimate,<br \/>\n.top-header .dt-mega-menu .sub-nav .dt-mega-parent .sub-nav a:hover {<br \/>\n-webkit-border-radius: 10px;<br \/>\nborder-radius: 10px;<br \/>\n}<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\n\t<div id=\"tab-1443777860840-4-8\" class=\"wpb_tab ui-tabs-panel wpb_ui-tabs-hide vc_clearfix\">\n\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>.sub-downwards .main-nav .sub-nav .sub-nav {<br \/>\npadding-left: 20px;<br \/>\npadding-right: 20px;<br \/>\n}<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\n\t<div id=\"tab-1443780160887-15-10\" class=\"wpb_tab ui-tabs-panel wpb_ui-tabs-hide vc_clearfix\">\n\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>.page-template-template-microsite .top-bar {<br \/>\ndisplay: none;<br \/>\n}<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\n\t<div id=\"tab-1481899075709-14-5\" class=\"wpb_tab ui-tabs-panel wpb_ui-tabs-hide vc_clearfix\">\n\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Single img &#8211; Extra class name = layzr-bg-off<\/p>\n<p><strong>Custom CSS settings :<br \/>\n<\/strong>.layzr-bg-off .layzr-bg {<br \/>\nbackground-color: transparent;<br \/>\n}<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\n\t<div id=\"tab-7ce82d2a-bb6a-0\" class=\"wpb_tab ui-tabs-panel wpb_ui-tabs-hide vc_clearfix\">\n\t\t\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>.project-navigation {<br \/>\ntop: 30px;<br \/>\nright: 110px;<br \/>\n}<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<\/div>\n<div class=\"wpb_tour_next_prev_nav vc_clearfix\"> <span class=\"wpb_prev_slide\"><a href=\"#prev\" title=\"Onglet pr\u00e9c\u00e9dent \">Onglet pr\u00e9c\u00e9dent <\/a><\/span> <span class=\"wpb_next_slide\"><a href=\"#next\" title=\"Onglet suivant\">Onglet suivant<\/a><\/span><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>UlTIMATE ADDONS: using accent colorReverse columns order on mobilePainting contentREVOLUTION: include header in fullscreen sliderCentering content in a row or columnSubmenu background border radiusSubmenu 3+ levels left paddingHide top bar on the particular pageSingle Image &#8211; remove lazy loading backgroundPhoto Scroller nav. paddings Headings title Custom CSS Class = accent-title-color Headings subtitle Custom CSS Class\u00a0=&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":28758,"menu_order":999,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-37096","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages\/37096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/comments?post=37096"}],"version-history":[{"count":0,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages\/37096\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/pages\/28758"}],"wp:attachment":[{"href":"http:\/\/stg-gtt.com\/fr\/wp-json\/wp\/v2\/media?parent=37096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}