{"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":"http:\/\/mega.wp-rocket.me\/the7\/more\/custom-css\/","title":{"rendered":"Custom CSS"},"content":{"rendered":"

[vc_row bg_type=”image” parallax_style=”vcpb-vz-jquery” bg_image_new=”id^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” bg_image_repeat=”no-repeat” bg_override=”ex-full” enable_overlay=”enable_overlay_value” overlay_color=”rgba(0,0,0,0.5)” overlay_pattern=”transperant” margin_top=”-50″ type=”vc_default” css=”.vc_custom_1479922957043{padding-top: 12% !important;padding-bottom: 12% !important;background-color: #000000 !important;}”][vc_column offset=”vc_col-lg-12 vc_col-md-12″ css=”.vc_custom_1476030031960{padding-bottom: 10px !important;}”]

\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=”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-two”][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=”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=”Menu: centering subtitles” tab_id=”1443778158373-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=”Menu: place icons above menu items” tab_id=”1443778661390-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=”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_tab title=”Old social icons text shortcode” tab_id=”1504706056655-11-8″][vc_column_text]

\n

[dt_social_icons animation="fadeInRight" alignment="default \/ center"]<\/p>\n

[dt_social_icon target_blank="true" icon="facebook" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="twitter" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="google" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="dribbble" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="YouTube" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="rss" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="delicious" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="flickr" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="forrst" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="lastfm" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="linkedin" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="vimeo" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="tumblr" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="pinterest" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="deviant" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="skype" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="github" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="instagram" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="stumbleupon" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="behance" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="mail" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="vk" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="website" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="500px" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="tripadvisor" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="foursquare" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="xing" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="weibo" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="odnoklassniki" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="research-gate" link="" \/]<\/p>\n

[dt_social_icon target_blank="true" icon="yelp" link="" \/]<\/p>\n

[\/dt_social_icons]<\/p>\n

<\/p><\/div>[\/vc_column_text][\/vc_tab][\/vc_tour][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row bg_type=”image” parallax_style=”vcpb-vz-jquery” bg_image_new=”id^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” bg_image_repeat=”no-repeat” bg_override=”ex-full” enable_overlay=”enable_overlay_value” overlay_color=”rgba(0,0,0,0.5)” overlay_pattern=”transperant” margin_top=”-50″ type=”vc_default” css=”.vc_custom_1479922957043{padding-top: 12% !important;padding-bottom: 12% !important;background-color: #000000 !important;}”][vc_column offset=”vc_col-lg-12 vc_col-md-12″ css=”.vc_custom_1476030031960{padding-bottom: 10px !important;}”][\/vc_column][\/vc_row][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-two”][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=…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":28758,"menu_order":999,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"class_list":["post-37096","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"http:\/\/mega.wp-rocket.me\/the7\/wp-json\/wp\/v2\/pages\/37096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mega.wp-rocket.me\/the7\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mega.wp-rocket.me\/the7\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mega.wp-rocket.me\/the7\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mega.wp-rocket.me\/the7\/wp-json\/wp\/v2\/comments?post=37096"}],"version-history":[{"count":0,"href":"http:\/\/mega.wp-rocket.me\/the7\/wp-json\/wp\/v2\/pages\/37096\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/mega.wp-rocket.me\/the7\/wp-json\/wp\/v2\/pages\/28758"}],"wp:attachment":[{"href":"http:\/\/mega.wp-rocket.me\/the7\/wp-json\/wp\/v2\/media?parent=37096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}