- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hi,
Please use this css code for that: http://screencast.com/t/LRUijdDpWv
.td-full-layout .td-menu-background{
background: none;
}
.td-full-layout .td-menu-background:after{
background: none;
}
Thanks!
Hi,
Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/Kh63c2qFSPZf
.td-full-layout .td-header-menu-wrap{
border-bottom: 1px solid red;
}
.td-full-layout .td-menu-background{
border-top: 1px solid red;
border-bottom: 1px solid red;
}
Result: http://screencast.com/t/70etvMBdN
You can change top-menu background to white from here: http://screencast.com/t/QtvuMhelHMB and also text color from Theme Panel > Custom Typography > Menus: http://screencast.com/t/3e4sqEMDc4f
Thanks!
Hi,
I guess that you are referring to the line height Popular categories: http://screencast.com/t/G4iZnyfn
.td_block_popular_categories li{
line-height: 10px;
}
Also for block 9 please use this custom css: http://screencast.com/t/hwXcy6L1FRUQ
.td_block_9 .td_module_8 .item-details{
line-height: 20px;
margin-bottom: 0px;
padding-bottom: 0px;
}
Thanks!
Is there any custom css I can use to reduce padding in these blocks so I reduce the height of the items?
I thing there is quite a lot of white space in these blocks.
Hi,
That css comes from the theme settings (Theme Panel -> Custom Typography and Theme Colors), you can find them here – http://screencast.com/t/CQIeZ1hG8yp , when you change the theme color a css is generated for all those elements.
Thanks.
Hi,
Not sure, i didn’t do a test. You could also doit manually, each page has a custom unique class based on it’s id. – http://screencast.com/t/cKPI8Ib3 – You could use custom css to set a background.
Thank you.
Hi,
Speed Booster is optional and it only moves the js/css at the page bottom, it’s not a substitute for cache. By doing this it creates the illusion that the page loads faster because the html loads first followed by css/js.
This problem may appear because of a conflict with another plugin, try to disable all plugins, enable Visual Composer and Speed Booster, then enable the rest of the plugins one by one, see which one doesn’t work with SpeedBooster.
Thank you.
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/WT4fMfmQI
.header-logo-wrap{
float: right;
margin-left: 0px!important;
}
.header-logo-wrap img {
margin-left: 0px;
}
.td-a-rec-id-header {
left: 0 !important;
}Thanks!
Hi,
1. For Classic Block stack we made a special header, this one http://screencast.com/t/FEoXVhLMpcv and in combination with other headers is not guaranteed that everything will work fine.
Anyway if you want to use it like this please can try this custom css in for logo:
.header-logo-wrap img{
display: table;
margin-right: auto !important;
margin-left: auto !important;
}
2. Also for borders:
.blog-stack .td-menu-background{
border-bottom:none;
border-top: none;
}
3. That option were removed because we change grid and it won’t be available.
That is page padding, you can try to remove that with css:
.td-page-wrap .td-grid-wrap{
padding: 0px;
}
.td-page-wrap .td-grid-wrap .container-fluid{
padding: 0px;
}
Try to inspect with Chrome and see where you have padding.
4. You can use TagDiv gallery on full width post(without sidebar):
Post settings: http://screencast.com/t/eYQ0RfJ87
Result: http://screencast.com/t/802x12Md
Thanks!
Hi,
Unfortunately there is no option to simply switch theme to a dark version. But from Theme Colors you can change to a dark color different parts of the theme and general theme colors: http://screencast.com/t/oNonPS4YEz Of course you can use also css code to reach to the desired result.
You can also import predefined styles from the demo if you like: http://screencast.com/t/zFbSOv1ih4
Thanks!
Hi,
Please use this custom css: http://screencast.com/t/GXij7S2xijYf – http://screencast.com/t/9iaB9bp4 – http://screencast.com/t/F5P26hYkx7H
.td-header-main-menu.td-affix {
top: 60px;
}
.admin-bar .sbNavIframe {
top: 32px;
}
.admin-bar .td-header-main-menu.td-affix {
top: 92px;
}
@media screen and (max-width: 600px){
#wpadminbar {
position: fixed;
}
}
Also on mobile view: http://screencast.com/t/JnxB7M8u – http://screencast.com/t/O2oRyw0gOfxN
Maybe you will have to use !important
Thanks!
Hi,
I don’t see an option to simply switch the Newsmag theme to a dark version. So I thought I would ask if there is a dark version or if one is coming before I dive into adding the custom CSS to make my own dark version.
Thanks!
I’ve deleted from style.css, but still having code on the page:
<!– Style compiled by theme –>
<style>
.block-title a,
.block-title span,
.td-tags a:hover,
.td-scroll-up-visible,
.td-scroll-up,
.sf-menu ul .current-menu-item > a,
.sf-menu ul a:hover,
.sf-menu ul .sfHover > a,
.sf-menu ul .td-menu-item > a:hover,
.td-rating-bar-wrap div,
.iosSlider .slide-meta-cat,
.sf-menu ul .current-menu-ancestor > a,
.sf-menu ul .current-category-ancestor > a,
.td-404-sub-sub-title a,
.widget_tag_cloud .tagcloud a:hover,
.td-mobile-close a,
ul.td-category a,
.td_social .td_social_type .td_social_button a,
.dropcap,
.td-forum-category-title .td-forum-category-name,
.td_display_err,
.td_block_mega_menu .td-ajax-next-page:hover,
.td_block_mega_menu .td_ajax-prev-page:hover,
.post-via span,
.td_wrapper_video_playlist
.td_video_controls_playlist_wrapper
{
background-color: #6e61b0;
}
.block-title,
.sf-menu li a:hover,
.sf-menu .sfHover a,
.sf-menu .current-menu-ancestor a,
.sf-menu .current-category-ancestor a,
.header-search-wrap
.dropdown-menu,
.sf-menu > .current-menu-item > a,
.ui-tabs-nav,
.woocommerce .product .woocommerce-tabs ul.tabs,
.td-forum-list-head,
.td-login-panel-title
{
border-color: #6e61b0;
}
.widget_price_filter .ui-slider-handle,
.td_wrapper_video_playlist .td_video_currently_playing:after
{
border-color: #6e61b0 !important;
}
.author-box-wrap .td-author-name a,
blockquote p,
.page-nav a:hover,
.widget_pages .current_page_item a,
.widget_calendar td a,
.widget_categories .current-cat > a,
.widget_pages .current_page_parent > a,
.td_pull_quote p,
.page-nav-post a:hover span,
.td-forum-last-comment-content .td-forum-last-author,
.td-topics-title-details a,
.td-posted-in a
{
color: #6e61b0;
}
.woocommerce .button,
.woocommerce .form-submit #submit,
.widget_price_filter .ui-slider-handle,
.jetpack_subscription_widget input[type=”submit”],
.pp_woocommerce .pp_close,
.pp_woocommerce .pp_expand,
.pp_woocommerce .pp_contract,
.pp_woocommerce .pp_arrow_previous,
.pp_woocommerce .pp_arrow_next,
.pp_woocommerce
.pp_next:before,
.pp_woocommerce .pp_previous:before,
#bbpress-forums .button
{
background: #6e61b0 !important;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.bbp-template-notice,
.td-reply-list-header
{
border-color: #6e61b0 !important;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.td-login-button
{
background-color: #6e61b0 !important;
}
.buddypress #buddypress div.dir-search input[type=”submit”],
.buddypress #buddypress .message-search input[type=”submit”],
.buddypress #buddypress .item-list-tabs ul li.selected a,
.buddypress #buddypress .generic-button a,
.buddypress #buddypress .submit input[type=”submit”],
.buddypress #buddypress .ac-reply-content input[type=”submit”],
.buddypress #buddypress .standard-form input[type=”submit”],
.buddypress #buddypress .standard-form .button-nav .current a,
.buddypress #buddypress .standard-form .button,
.buddypress #buddypress input[type=”submit”],
.buddypress #buddypress a.accept,
.buddypress #buddypress #activate-page .standard-form input[type=”submit”],
.buddypress #buddypress .standard-form #group-create-body input[type=”button”],
.post-password-required input[type=”submit”]
{
background: #6e61b0 !important;
}
.buddypress #buddypress .groups .item-meta,
.bbp-forum-title:hover,
.td_login_tab_focus,
.block-mega-child-cats a.cur-sub-cat
{
color: #6e61b0 !important;
}
.page-nav .current,
.page-nav-post span
{
background-color: #6e61b0;
border-color: #6e61b0;
}
.wpb_btn-inverse,
.ui-tabs-nav .ui-tabs-active a,
.post .wpb_btn-danger,
.form-submit input,
.wpcf7-submit,
.wpb_default,
.woocommerce .product .woocommerce-tabs ul.tabs li.active,
.woocommerce.widget_product_search input[type=”submit”],
.more-link-wrap,
.td_read_more {
background-color: #6e61b0 !important;
}
.header-search-wrap .dropdown-menu:before {
border-color: transparent transparent #6e61b0;
}
.td-mobile-content .current-menu-item > a,
.td-mobile-content a:hover
{
color: #6e61b0 !important;
}
.category .entry-content,
.tag .entry-content,
.td_quote_box
{
border-color: #6e61b0;
}
.td-timeline-block-title {
background-color: #6e61b0 !important;
}
.td-timeline-wrapper-links {
border-color: #6e61b0 !important;
}
.td-timline-h1-link span {
background-color: #6e61b0 !important;
}
.td-page-title .td-search-query {
color: #6e61b0;
}
.td-sbig-title-wrap .td-sbig-title,
.td-slide-item-sec .td-sbig-title-wrap,
.td-big-grid-title .td-sbig-title-wrap
{
background-color: rgba(110, 97, 176, 0.7);
}
::-moz-selection {
background: #a093e2;
color: #fff;
}
::selection {
background: #a093e2;
color: #fff;
}
a, .widget_recent_comments .recentcomments .url {
color: #6e61b0;
}
.cur-sub-cat {
color:#6e61b0 !important;
}
.blog-stack .sf-menu .current-menu-item a,
.blog-stack .sf-menu .current-menu-parent .current-menu-item a,
.blog-stack .sf-menu .current-menu-parent > a,
.blog-stack .sf-menu > li:hover > a,
.blog-stack .sf-menu ul li:hover > a,
.blog-stack .td-post-text-content .more-link-wrap:hover a,
.blog-stack .sf-menu ul .td_mega_menu_sub_cats a.cur-sub-cat,
.blog-stack .sf-menu ul .td_mega_menu_sub_cats a.cur-sub-cat:hover,
.blog-stack .td-mega-menu .block-mega-child-cats a:hover,
.blog-stack .td_mod_mega_menu:hover .item-details a,
.blog-stack .sf-menu .current-menu-ancestor > a,
.blog-stack .sf-menu .current-category-ancestor > a
{
color:#6e61b0;
}
.blog-stack .sf-menu > .current-menu-ancestor > a,
.blog-stack .sf-menu > .current-category-ancestor > a
{
color:#6e61b0 !important;
}
.blog-stack .sf-menu ul li {
background-color: #6e61b0;
}
.blog-stack .td-post-text-content .more-link-wrap a:hover {
outline-color: #6e61b0;
}
a:hover,
.widget_recent_comments .recentcomments .url:hover
{
color: #ed4fef;
}
.td-menu-header .td-sp,
.sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu.png’);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.td-menu-header .td-sp, .sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu@2x.png’);
}
}
</style>
Hello team,
can you please tell me how i use protocol relative path in my site
example of normal url : https://www.xyz.com
protocol relative path url : //www.xyz.com
http://www.itsmdaily.com/
like this website check pagesource
i’m using https in my site so there are some elements of http so i want to use this for css js and images files 🙂
-Mosam
Hi,
You should add it above the top-menu container – http://screencast.com/t/K8nQEltCnCTP
Please provide some details on the code/css you used, maybe a copy of it via pastebin – http://pastebin.com/
Thank you, Emil G.
Thanks Lucian! I removed from style.css all the FORUM / BBPress and WOOCOMMERCE parts. Should i remove codes from other files in order to have a lighter code on everypage?? Which ones?
Hi,
Please edit menu-top.php and add this code: http://screencast.com/t/FLiykdlZn
I paste the code also in pastebin: http://pastebin.com/4820ncGg
<div id="td-top-search">
<!-- Search -->
<div class="header-search-wrap">
<div class="dropdown header-search">
<a id="search-button" href="#" role="button" class="dropdown-toggle " data-toggle="dropdown"><span class="td-sp td-sp-ico-search"></span></a>
<div class="dropdown-menu" aria-labelledby="search-button">
<form role="search" method="get" class="td-search-form" action="<?php echo home_url( '/' ); ?>">
<div class="td-head-form-search-wrap">
<input class="needsclick" id="td-header-search" type="text" value="<?php echo get_search_query(); ?>" name="s" autocomplete="off" /><input class="wpb_button wpb_btn-inverse btn" type="submit" id="td-header-search-top" value="<?php _etd('Search')?>" />
</div>
</form>
<div id="td-aj-search"></div>
</div>
</div>
</div>
</div>Also you have to use some css code in Theme Panel > Custom Css: http://screencast.com/t/A5oAS0QV
.td-header-menu-wrap .span3{
position: relative;
}
.td-header-menu-wrap #td-top-search {
right: 0px;
}
.td-header-menu-wrap .header-search-wrap #search-button .td-sp-ico-search{
top: 0px;
left: 0px;
}
.td-header-menu-wrap .header-search-wrap .dropdown-menu{
top: 30px;
left: -310px;
}Result: http://screencast.com/t/7wZu0KKFI
After that if this work you can delete search code from main menu: http://screencast.com/t/luqpz3zxFv
Thanks!
Hi Alin,
Our server admin checked it and the problem stems from the request itself:
http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,700,400|Open+Sans:400italic,600italic,700italic,400,700,600&subset=latin,latin-ext?ver=1.4
There is ?ver=1.4 at the end. If you delete it, it starts to work. When you leave it added, Google responds with 400 bad request.
Hi,
Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/SqJk8FxRTp
.td-post-small-box span{
background-color: red;
}
.td-post-small-box a{
background-color: blue;
}
Thanks!
Please use this custom css for megamenu post titles: http://screencast.com/t/shxQfOwFX
.td_mod_mega_menu .entry-title a:hover{
text-decoration: none !important;
}
Hope this helps!
Hi,
1. You can try to add some padding, but the grid was not designed for this and some elements may not be displayed properly: http://screencast.com/t/OUUOFmcyQT4Y
.td-post-sidebar{
padding: 25px;
}
2. It is more difficult to target sidebar for pages, please try this css and see how it goes: http://screencast.com/t/ERH4XUQG
.td-page-wrap .td-grid-wrap .span4{
background-color: red;
}
Please provide your site URL if this doesn’t work.
Thanks!
Hi,
1. Here you have to edit and remove share buttons: http://screencast.com/t/pawTnpy4xz
2.Use this custom css: http://screencast.com/t/pDJgmBDtRQ
.td-social-sharing-buttons{
font-size: 25px;
width: 180px;
height: 50px;
}
.td-social-sharing-buttons div.td-social-but-text{
top: 5px!important;
}
.td-social-sharing-buttons div{
top:5px !important;
}
.td-tags-and-social-wrapper-box{
display: table;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px){
.td-social-sharing-buttons{
width:auto;
height:auto;
}
.td-social-sharing-buttons div{
top:auto !important;
}
}
3. Please follow this solution: https://forum.tagdiv.com/topic/how-to-add-sharing-options-on-top-of-the-postarticle/
Thanks!
I just noticed that with your css add on it displays the sidebar only on posts. How do I have to modify it to show the background also on PAGES ??? Right now it doesn’t.
Thank you !
Hi, i recently make a “fake” cdn for my website http://www.heevoo.com
I want to add all css,images and javascript from cdn.heevoo.com
I change get_template_directory_uri() and get_stylesheet_uri() on function.php with hardlinks but not all javascript and images load from cdn.heevoo etc.
What i have to change?
Thanks in advance
