- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hello,
I have changed blockquote so something more suitable for my needs: http://screencast.com/t/KVxcrypSVT1
However, I don’t need all that margin on the left. I have checked my css and there shouldn’t be any margin at all. How do I do?
This is the code I am using:
.td-post-content blockquote p {
background-color: #FCFCFC;
border-left: 2px solid #E65A1E;
padding: 15px 23px 15px 23px;
position: relative;
margin: 0px 0px 0px 0px !important;
text-transform: none;
text-align: left !important;
color: #555555 !important;
}
Thank you.
@yakir105 on newspaper 6 works, but on 6.1 and 6.2 dont work all the code. I dontknow why is te reason jajaja. But you can download my uploaded functions file
dejas el plugin como está por default solamente colocas en “css delivery ignore list” ahí agregas style.css , con eso quedará excluido.
Si no lo colocas igual lo va a lanzar al footer pero tu sitio descargará el contenido y después le dará el estilo, entonces le das una ventana como de 1 segundo donde el usuario vería el sitio como roto y luego se compone 😛 pero ya al exluirlo evitas ese problema.
saludos
Hi Guys
need some help I’m using the default header style as its my favourite but my logo looks best in black when i go on the mobile site the mobile hear is black, when i change this with css to white the menu and search icon disappears is there a way to put my logo underneath the mobile header?
Hi
Try this custom css in theme panel >custom css:
.td_block_12 .td-read-more{
display:none;
}
.td_block_12 .td-module-thumb{
width:300px;
height:210px
}
.td_block_12 .td_module_11 .td-module-thumb .entry-thumb{
width:270px;
}
Use the excerpts settings from theme panel: http://screencast.com/t/nrdmNlN0
Thanks!
Hi
The border can be removed from Visual Composer like here:
http://screencast.com/t/WktRdoJF
http://screencast.com/t/WktRdoJF
http://screencast.com/t/N4V2liEgb
The video player can’t manage links to youtube channels, it only works with video ids like this: https://forum.tagdiv.com/video-playlist-newsmag/ You can arrange the video into a playlist in youtube and after that just insert the link in player. The entire playlist will be added with a single link: http://screencast.com/t/A3X2gKmv
To re-size the logo use this custom css in Theme Panel-> Custom Css:
.td-main-menu-logo img{
height:40px;
}
Not sure what you mean, please provide more details. You can add a specific category to the article you want to display on multiple pages, then add that category on the pages with a block from Visual Composer.
Thanks!
Hi,
Try the following css:
@media(max-width: 767px){
.td-page-wrap .td-grid-wrap .span4, .td-footer-wrap {
display: none;
}}
Thank you!
Hi
You can address us via email at contact@tagdiv.com concerning news theme issues.
To change the background color use this custom css:
.page-sidebar-left{
background-color:grey!important;
}
The result should be like here: http://screencast.com/t/2Pn2xYPe6
Thanks for the message!
Hi,
You can use do_shortcode function to place a custom ad in header.php file that it ca be overwritten by child theme – http://screencast.com/t/tfSHbmlm and paste your code in Theme Panel > Ads – Custom ad – http://screencast.com/t/Ai0jnyHcOkh
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
You customize it using custom css in Theme Panel > Custom Css – http://screencast.com/t/82VwxRmtg
Or if you want to register a new sidebar you can do this in functions.php from child theme – http://screencast.com/t/vrZ2ti3WJx – http://screencast.com/t/oVcC46g3DO
<?php dynamic_sidebar('extra'); ?>
register_sidebar(array(
'name'=> 'extra',
'id' => 'extra-widget', //the id is used by the importer
'before_widget' => '<aside class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<div class="block-title"><span>',
'after_title' => '</span></div>'
));
And place the sidebar in header.php like I suggested above with custom ad – http://screencast.com/t/E2EVTuZAHut it should work fine – http://screencast.com/t/Qg6RwbYoxA4r
<?php dynamic_sidebar('extra'); ?>
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
-
This reply was modified 11 years by
Alin [tagDiv].
-
This reply was modified 11 years by
Alin [tagDiv].
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Unfortunately there is not option for list font on pages, you will have to use custom css for list from text blocks – http://screencast.com/t/o565UlyNsHe
.wpb_text_column li {
font-size: 18px;
line-height: 20px;
}
I have added this on our list so if more users will ask for it we will try to find a solution in a future update, it was added this option for post because the text content/list is used more often there.
Thanks!
Hi,
The theme uses Font Awesome 4 Menus, try to update the fonts inside the plugin. First download the latest – http://fortawesome.github.io/Font-Awesome/ – then unzip and replace the CSS and Fonts folders inside the plugin – http://screencast.com/t/fsv8qY6O
Thank you!
Hi,
Not sure what you mean. The latest version of the theme is 6.2.1 and it should be regarded like a new theme, it was practically rewritten. Please note that if you update the custom modifications to the theme files and custom css will not work anymore, you will have to customize them again. Here you can find a guide how to update from version 4 – https://forum.tagdiv.com/how-to-update-the-theme-2/ (please make sure that you do a clean update, remove the old theme) also update the plugins that come with the theme files from the /plugin folder. Then you will have to run the script like it is specified in the documentation and re-add your widgets in the sidebar(s). Before update please backup the site (database and files) – https://codex.wordpress.org/WordPress_Backups
If you want to remain on version 4 (4.6.3 is the last update in that version) you can find this in /old_version folder from the package that you download from themeforest – http://screencast.com/t/f8gCkpnrM7 and also if you delete the Visual Composer plugin it will appear a message to install it or if you want to do this manually you can find it following this path – http://screencast.com/t/rg3Ed6DyGckW
Thanks!
Hi,
You need to customize this also for page like you did on posts, also if you want to make this change for all template you can try to add your double quotes directly in style.css – http://screencast.com/t/Wx9q6ADqROY Also you have Formats in a text block added with Visual Composer – http://screencast.com/t/o8KQBtfFxaw
Also the breadcrumbs are displayed on default page template only when pagebuider is not used – http://screencast.com/t/ykINOucHy4s or you can try to use pagebuilder with title – it should work also with pagebuilder content – http://screencast.com/t/Cgr95d2auNh – http://screencast.com/t/KdUtRwr6
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/Ak6o84KybPNn
@media (min-width: 1141px){
.td-header-style-3 .td-header-sp-logo {
margin: 28px 0px 9px 0px !important;
width: 340px !important;
padding: 0px !important;
}
.td-header-style-3 .td-header-sp-logo img {
right: auto !important;
}
}
This css is for bigger screens (at least 1141 px), if you want to customize it for each screen size you will have to use media querie like above and change those values. If you don’t have basic html/css experience I suggest to hire a professional to do it for you as we cannot provide custom work.
Thanks!
Hi,
You can add excerpt function in module mx5 like this – http://screencast.com/t/sj9h7ERFg – http://pastebin.com/f08Cw1Bd and also echo the article excerpt – http://screencast.com/t/pDoLXAhF0
<div class="td-excerpt">
<?php echo $this->get_excerpt(20);?>
</div>
And use custom css on it – http://screencast.com/t/20d8oW6Z please note that excerpt will be displayed where this module is used for example it will appear also on – http://screencast.com/t/sqIOssisk
.td_module_mx5 .td-excerpt {
color: #fff;
padding:10px;
}
If you need additional customizations and you don’t have basic php/html/css experience, I suggest to hire a freelancer to do it for you, as we cannot provide custom work at this time, sorry!
Hope this helps!
-
This reply was modified 11 years by
Alin [tagDiv].
Hello Bryson T,
Just add this in your css.
.td-social-stumbleupon {
background-color: #ff4e2e;
}
.td-social-stumbleupon .td-icon-stumbleupon {
font-size: 15px;
position: relative;
top: 2px;
left: 1px;
}
.td-social-reddit {
background-color: #7db3ef;
}
.td-social-reddit .td-icon-reddit {
font-size: 15px;
position: relative;
top: 2px;
left: 1px;
}
.td-social-whatsapp {
background-color: #60b82d;
}
.td-social-whatsapp .td-icon-whatsapp {
font-size: 15px;
position: relative;
top: 2px;
left: 1px;
}
And add this to td_module_single.php
<i class=”td-icon-stumbleupon”></i>
<i class=”td-icon-reddit”></i>
<i class=”fa fa-whatsapp fa-lg”></i>
Hope solves your issue 😉
Thanks,
Yasir
Hi,
Seems to be a z-index issue, please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/YcxUF5gUO
.td-header-style-8 .td-header-sp-logo {
z-index: 3;
}
.td-header-style-8 .td-header-top-menu-full {
z-index: 1;
}
Thanks!
Hi,
There is no option to disable “More from author” from Theme Panel, but you ca use custom css to hide it – http://screencast.com/t/OPfLLMowFK3M
.td_block_related_posts .td-related-right {
display: none;
}
Thanks!
Hi,
I guess that you want to move drop-down filter beside the category title, please try this custom css – http://screencast.com/t/isKJVvjv
@media (min-width: 768px) {
.category .td-category-header .td-pb-row{
display: inline-block;
}
.td-category-header .td-category-pulldown-filter {
position: relative;
top: -15px;
display: inline-block;
}
}
Thanks!
-
This reply was modified 10 years by
Alin [tagDiv].
Hi,
I guess that you refer to the affix menu, you can use custom css to change it background color – http://screencast.com/t/LkupM5wX
.td-header-menu-wrap.td-affix {
background-color: red;
}
Please provide a link so we can take a look if this is not what you mean.
Thanks!
Hi,
The articles ads are a part of the content and it is not so easy to change the position. The best solution is to use a custom ad in post template where you want it to be displayed. You will have to edit post template that you use and place a custom ad above the featured video(or featured image if you edit also other templates) using do_shortcode function – http://screencast.com/t/2QpXfrwnarp and you may need additional css customizations – http://screencast.com/t/C83dfVmJW
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
.single .td-a-rec-id-custom_ad_1 {
margin-bottom: 0 !important;
margin-top: 40px;
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Unfortunately the theme doesn’t have an option to do this and you will need custom modification to the header style that you use. You can edit header style 9 – http://screencast.com/t/DIALswdc668 and add your images manually in the code and customize them via custom css. We would have gladly made it for you but we are a small team and we are working very hard on the development, updates, fixes and support. But you can always get a freelancer from sites like: http://studio.envato.com/
Thanks!
Thanks Sir. Sir as you told before I made these changes in my Custom CSS for blockquote colour: .td-post-content blockquote p {
color: #808080;
}
And also to add custom double quote for pull-quotes I made these changes in Custom CSS panel: .td-post-content .td_pull_quote p:before{
background:url("http://www.kickscoop.com/wp-content/uploads/2015/07/before.gif") no-repeat scroll 0 0 !important;
background-size: 40px 40px !important;
}
.td-post-content .td_pull_quote p:after {
background:url("http://www.kickscoop.com/wp-content/uploads/2015/07/after.gif") no-repeat scroll 0 0 !important;
background-size: 40px 40px !important;
}
.bbpress .td_pull_quote p:first-child:before, .comment-content .td_pull_quote p:first-child:before, .mce-content-body .td_pull_quote p:first-child:before, .td-page-content .td_pull_quote p:first-child:before, .td-post-content .td_pull_quote p:first-child:before, .td_block_text_with_title .td_pull_quote p:first-child:before, .woocommerce #tab-description .td_pull_quote p:first-child:before, .wpb_text_column .td_pull_quote p:first-child:before {
width: 50px;
height: 50px;
}
.bbpress .td_pull_quote p:after, .comment-content .td_pull_quote p:after, .mce-content-body .td_pull_quote p:after, .td-page-content .td_pull_quote p:after, .td-post-content .td_pull_quote p:after, .td_block_text_with_title .td_pull_quote p:after, .woocommerce #tab-description .td_pull_quote p:after, .wpb_text_column .td_pull_quote p:after {
width: 50px;
height: 50px;
}
NOW the problem is when I am writing any post or any page using Visual Composer these changes are not showing in my page or post. Rather I am getting same default theme accent colour for my blockquote while writing using Visual Composer. Also I cant see custom double quotes for pull-quotes while writing using Visual Composer. Also: I am unable to see any breadcrumb in the page which is edited or written using Visual Composer. Whereas I can see breadcrumbs in those posts written using default WordPress editor. PLease check this page: http://www.kickscoop.com/about/ to see the above problems in the page
Hi,
You can edit mainpage on Visual Composer for hide columns and rows.
http://oi62.tinypic.com/2nq7k9g.jpg
I don`t advise hide footer. But you can add this code in style.css for hide footer
@media (max-width: 767px) {
.td-footer-wrapper {
display: none;
}
.td-sub-footer-container {
display: none;
}
}
How is possible via css to make the logo bigger at header style 3 ?
Thank you in advance
Resolví el problema de la visualización de iconos. Se debía a que en /wp-content/.htaccess tenía lo siguiente:
Order deny,allow
Deny from all
<Files ~ “.(php|lock|xml|css|jpe?g|png|gif|js|htm)$”>
Allow from all
</Files>
He borrado todo ese código, y listo. También solucioné lo de Zencaché: sí estaba trabajando, lo que pasa que con tantos cambios tenía desactivado que añadiera una nota al final del código fuente de cada página. Como no aparecía, creía que no estaba trabajando.