{"id":37096,"date":"2015-10-02T09:15:28","date_gmt":"2015-10-02T09:15:28","guid":{"rendered":"http:\/\/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.bitcodesoft.com\/index.php\/custom-css\/","title":{"rendered":"Custom CSS"},"content":{"rendered":"

[vc_row type=\u00bbvc_default\u00bb margin_top=\u00bb-50″ bg_type=\u00bbimage\u00bb parallax_style=\u00bbvcpb-vz-jquery\u00bb bg_image_new=\u00bbid^45832|url^http:\/\/the7.io\/main\/wp-content\/uploads\/sites\/39\/2016\/10\/bg-row-20.jpg|caption^null|alt^null|title^bg-row-20|description^null\u00bb bg_image_repeat=\u00bbno-repeat\u00bb bg_override=\u00bbex-full\u00bb enable_overlay=\u00bbenable_overlay_value\u00bb overlay_color=\u00bbrgba(0,0,0,0.5)\u00bb overlay_pattern=\u00bbtransperant\u00bb css=\u00bb.vc_custom_1479922957043{padding-top: 12% !important;padding-bottom: 12% !important;background-color: #000000 !important;}\u00bb][vc_column offset=\u00bbvc_col-lg-12 vc_col-md-12″ css=\u00bb.vc_custom_1476030031960{padding-bottom: 10px !important;}\u00bb]

\n
\n\t<\/i>\n<\/div><\/div><\/div>
<\/div>

Custom CSS<\/h2><\/div>
Style Elements Easily!<\/div><\/div>[\/vc_column][\/vc_row][vc_row type=\u00bbvc_default\u00bb css=\u00bb.vc_custom_1476212569251{padding-top: 70px !important;padding-bottom: 70px !important;}\u00bb][vc_column][vc_tour interval=\u00bb0″ title_size=\u00bbnormal\u00bb style=\u00bbtab-style-two\u00bb][vc_tab title=\u00bbUlTIMATE ADDONS: using accent color\u00bb tab_id=\u00bb1475852626366-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=\u00bbREVOLUTION: include header in fullscreen slider\u00bb tab_id=\u00bb1443791049165-19-1″][vc_column_text]<\/b>Paste\u00a0\u00ab.masthead\u00bb in \u00abContainers\u00bb field on Revolution Slider settings page.
\n<\/b><\/p>\n

[\/vc_column_text][\/vc_tab][vc_tab title=\u00bbPainting content\u00bb tab_id=\u00bb1444992551473-21-0″][vc_column_text]Accent color:<\/strong>
\nCustom CSS Class=\u00bbpaint-accent-color\u00bb<\/p>\n

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

Title color:<\/strong>
\nCustom CSS Class=\u00bbcolor-title\u00bb<\/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=\u00bbDT Button: full width button\u00bb tab_id=\u00bb1446024522915-23-7″][vc_column_text]Extra class name for shortcode:\u00a0<\/strong><\/p>\n

full-width-btn[\/vc_column_text][\/vc_tab][vc_tab title=\u00bbDT Button: right & left margins\u00bb tab_id=\u00bb1444993009020-22-0″][vc_column_text]Extra class name for shortcode:\u00a0<\/strong><\/p>\n

btn-margin,\u00a0btn-margin-left[\/vc_column_text][\/vc_tab][vc_tab title=\u00bbCentering content in a row or column\u00bb tab_id=\u00bb1443784436177-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=\u00bbMenu: centering subtitles\u00bb tab_id=\u00bb1443778158373-7-4″][vc_column_text]Centering subtitles for first level<\/strong><\/p>\n

.main-nav > li > a .menu-item-text\u00a0{
\ntext-align: center;
\n}<\/p>\n

Centering subtitles for sub levels<\/strong><\/p>\n

.sub-nav > li > a .subtitle-text {
\ntext-align: center;
\n}[\/vc_column_text][\/vc_tab][vc_tab title=\u00bbMenu: place icons above menu items\u00bb tab_id=\u00bb1443778661390-10-9″][vc_column_text].main-nav > li > a .text-wrap,
\n.header-bar .main-nav > li > a,
\n.menu-box .main-nav > li > a {
\n-webkit-flex-flow: column wrap;
\n-moz-flex-flow: column wrap;
\n-ms-flex-flow: column wrap;
\nflex-flow: column wrap;
\n}<\/p>\n

.main-nav > .menu-item > a .fa {
\npadding-right: 0;
\npadding-bottom: 2px;
\n}[\/vc_column_text][\/vc_tab][vc_tab title=\u00bbSubmenu background border radius\u00bb tab_id=\u00bb1447076952604-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=\u00bbSubmenu 3+ levels left padding\u00bb tab_id=\u00bb1443777860840-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=\u00bbPage titles: default breadcrumbs background\u00bb tab_id=\u00bb1443777930529-5-10″][vc_column_text] .page-title .breadcrumbs {
\nbackground-color: rgba(0, 0, 0, 0.1);
\npadding: 4px 18px 4px 18px;
\n-webkit-border-radius: 30px;
\nborder-radius: 30px;
\nborder: solid 1px rgba(0, 0, 0, 0.5);
\n}[\/vc_column_text][\/vc_tab][vc_tab title=\u00bbFancy title top & bottom paddings\u00bb tab_id=\u00bb1443778000504-6-6″][vc_column_text]#fancy-header .wf-table {
\npadding-top: 20px;
\npadding-bottom: 30px;
\n}[\/vc_column_text][\/vc_tab][vc_tab title=\u00bbHide top bar on the particular page\u00bb tab_id=\u00bb1443780160887-15-10″][vc_column_text].page-template-template-microsite .top-bar {
\ndisplay: none;
\n}[\/vc_column_text][\/vc_tab][vc_tab title=\u00bbPhoto Scroller nav. paddings\u00bb tab_id=\u00bb7ce82d2a-bb6a-0″][vc_column_text].project-navigation {
\ntop: 30px;
\nright: 110px;
\n}[\/vc_column_text][\/vc_tab][vc_tab title=\u00bbSingle Image – remove lazy loading background\u00bb tab_id=\u00bb1481899075709-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_tour][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row type=\u00bbvc_default\u00bb margin_top=\u00bb-50″ bg_type=\u00bbimage\u00bb parallax_style=\u00bbvcpb-vz-jquery\u00bb bg_image_new=\u00bbid^45832|url^http:\/\/the7.io\/main\/wp-content\/uploads\/sites\/39\/2016\/10\/bg-row-20.jpg|caption^null|alt^null|title^bg-row-20|description^null\u00bb bg_image_repeat=\u00bbno-repeat\u00bb bg_override=\u00bbex-full\u00bb enable_overlay=\u00bbenable_overlay_value\u00bb overlay_color=\u00bbrgba(0,0,0,0.5)\u00bb overlay_pattern=\u00bbtransperant\u00bb css=\u00bb.vc_custom_1479922957043{padding-top: 12% !important;padding-bottom: 12% !important;background-color: #000000 !important;}\u00bb][vc_column offset=\u00bbvc_col-lg-12 vc_col-md-12″ css=\u00bb.vc_custom_1476030031960{padding-bottom: 10px !important;}\u00bb][\/vc_column][\/vc_row][vc_row type=\u00bbvc_default\u00bb css=\u00bb.vc_custom_1476212569251{padding-top: 70px !important;padding-bottom: 70px !important;}\u00bb][vc_column][vc_tour interval=\u00bb0″ title_size=\u00bbnormal\u00bb style=\u00bbtab-style-two\u00bb][vc_tab title=\u00bbUlTIMATE ADDONS: using accent color\u00bb tab_id=\u00bb1475852626366-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=…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"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.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/pages\/37096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/comments?post=37096"}],"version-history":[{"count":0,"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/pages\/37096\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bitcodesoft.com\/index.php\/wp-json\/wp\/v2\/media?parent=37096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}