{"id":37096,"date":"2015-10-02T09:15:28","date_gmt":"2015-10-02T09:15:28","guid":{"rendered":"https:\/\/www.lucilleturpin.com\/index.php\/more\/custom-css\/"},"modified":"2015-10-02T09:15:28","modified_gmt":"2015-10-02T09:15:28","slug":"custom-css","status":"publish","type":"page","link":"https:\/\/www.lucilleturpin.com\/index.php\/more\/custom-css\/","title":{"rendered":"Custom CSS"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row type=\u00a0\u00bbvc_default\u00a0\u00bb css=\u00a0\u00bb.vc_custom_1476212569251{padding-top: 70px !important;padding-bottom: 70px !important;}\u00a0\u00bb][vc_column][vc_tour interval=\u00a0\u00bb0&Prime; title_size=\u00a0\u00bbnormal\u00a0\u00bb style=\u00a0\u00bbtab-style-three\u00a0\u00bb][vc_tab title=\u00a0\u00bbUlTIMATE ADDONS: using accent color\u00a0\u00bb tab_id=\u00a0\u00bb1475852626366-14-3&Prime;][vc_column_text]<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[\/vc_column_text][\/vc_tab][vc_tab title=\u00a0\u00bbReverse columns order on mobile\u00a0\u00bb tab_id=\u00a0\u00bb1573412758496-9-6&Prime;][vc_column_text]<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[\/vc_column_text][\/vc_tab][vc_tab title=\u00a0\u00bbPainting content\u00a0\u00bb tab_id=\u00a0\u00bb1444992551473-21-0&Prime;][vc_column_text]<strong>Accent color:<\/strong><br \/>\nCustom CSS Class=\u00a0\u00bbpaint-accent-color\u00a0\u00bb<\/p>\n<p><strong>Secondary color:<\/strong><br \/>\nCustom CSS Class=\u00a0\u00bbcolor-secondary\u00a0\u00bb<\/p>\n<p><strong>Title color:<\/strong><br \/>\nCustom CSS Class=\u00a0\u00bbcolor-title\u00a0\u00bb<\/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>[\/vc_column_text][\/vc_tab][vc_tab title=\u00a0\u00bbREVOLUTION: include header in fullscreen slider\u00a0\u00bb tab_id=\u00a0\u00bb1443791049165-19-1&Prime;][vc_column_text]<b><\/b>Paste\u00a0\u00ab\u00a0.masthead\u00a0\u00bb in \u00ab\u00a0Containers\u00a0\u00bb field on Revolution Slider settings page.<b><br \/>\n<\/b><\/p>\n<p>[\/vc_column_text][\/vc_tab][vc_tab title=\u00a0\u00bbCentering content in a row or column\u00a0\u00bb tab_id=\u00a0\u00bb1443784436177-17-5&Prime;][vc_column_text]<strong>Extra class name for VC row or column:\u00a0<\/strong><\/p>\n<p>text-centered[\/vc_column_text][\/vc_tab][vc_tab title=\u00a0\u00bbSubmenu background border radius\u00a0\u00bb tab_id=\u00a0\u00bb1447076952604-23-4&Prime;][vc_column_text]<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}[\/vc_column_text][\/vc_tab][vc_tab title=\u00a0\u00bbSubmenu 3+ levels left padding\u00a0\u00bb tab_id=\u00a0\u00bb1443777860840-4-8&Prime;][vc_column_text].sub-downwards .main-nav .sub-nav .sub-nav {<br \/>\npadding-left: 20px;<br \/>\npadding-right: 20px;<br \/>\n}[\/vc_column_text][\/vc_tab][vc_tab title=\u00a0\u00bbHide top bar on the particular page\u00a0\u00bb tab_id=\u00a0\u00bb1443780160887-15-10&Prime;][vc_column_text].page-template-template-microsite .top-bar {<br \/>\ndisplay: none;<br \/>\n}[\/vc_column_text][\/vc_tab][vc_tab title=\u00a0\u00bbSingle Image &#8211; remove lazy loading background\u00a0\u00bb tab_id=\u00a0\u00bb1481899075709-14-5&Prime;][vc_column_text]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}[\/vc_column_text][\/vc_tab][vc_tab title=\u00a0\u00bbPhoto Scroller nav. paddings\u00a0\u00bb tab_id=\u00a0\u00bb7ce82d2a-bb6a-0&Prime;][vc_column_text].project-navigation {<br \/>\ntop: 30px;<br \/>\nright: 110px;<br \/>\n}[\/vc_column_text][\/vc_tab][\/vc_tour][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row type=\u00a0\u00bbvc_default\u00a0\u00bb css=\u00a0\u00bb.vc_custom_1476212569251{padding-top: 70px !important;padding-bottom: 70px !important;}\u00a0\u00bb][vc_column][vc_tour interval=\u00a0\u00bb0&Prime; title_size=\u00a0\u00bbnormal\u00a0\u00bb style=\u00a0\u00bbtab-style-three\u00a0\u00bb][vc_tab title=\u00a0\u00bbUlTIMATE ADDONS: using accent color\u00a0\u00bb tab_id=\u00a0\u00bb1475852626366-14-3&Prime;][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)&hellip;<\/p>\n","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":"https:\/\/www.lucilleturpin.com\/index.php\/wp-json\/wp\/v2\/pages\/37096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lucilleturpin.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lucilleturpin.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucilleturpin.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucilleturpin.com\/index.php\/wp-json\/wp\/v2\/comments?post=37096"}],"version-history":[{"count":0,"href":"https:\/\/www.lucilleturpin.com\/index.php\/wp-json\/wp\/v2\/pages\/37096\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.lucilleturpin.com\/index.php\/wp-json\/wp\/v2\/pages\/28758"}],"wp:attachment":[{"href":"https:\/\/www.lucilleturpin.com\/index.php\/wp-json\/wp\/v2\/media?parent=37096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}