- 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
Hello andantesash,
Please try the code below and place it in Theme panel->Custom Css.
.td-footer-wrapper {
padding-top: 20px;
padding-bottom: 0;
}
The result you should see here: http://screencast.com/t/PjcR4E1U
If is not what you mean, please provide more details.
Hope this helps and let us know how it goes!
Thank you!
Hi.
The result you show is actually my problem!
Using these instructions for using the shortcode for a YouTube Playlist actually gives me this http://screencast.com/t/c4FNqKQ7 with NO custom CSS applied. This is what I get by default. By default the list appears on the bottom of the window in which the videos play.
What I would like to have is the default setup as shown in the instructions to set up a YouTube Playlist in a post where the list appears to the RIGHT (not below) the main window where the videos actually play.
You can see the what it should look like, at the end of the instructions for putting a YouTube Playlist shortcode in a post.
I had this problem in v6.6 and now also in v6.6.1.
I don’t have a live site yet, I’m working locally on Ubuntu/Apache, because the site is new and I don’t want to put it up with little or not content in it just yet. Especially if it’s not working properly.
Thanks for getting back. I appreciate your help. I hope you can help with this.
Hello gim01,
If you want to achieve this, please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/EGTDshukpS
.td_video_playlist_column_3 .td_container_video_playlist {
position: relative;
width: 100%;
}
.td_wrapper_playlist_player_youtube {
width: 100%!important;
}
The result you should see here: http://screencast.com/t/c4FNqKQ7
If is not what you mean, please provide more details about this.
Hope this helps and let us know how it goes!
Thank you for message!
I installed the updated version of the theme after finding that the the latest speedbooster will move theme style to the footer. I activated the new plugin and theme but the stylesheet is till in the header.
Hello,
You only need to use this custom css to get the widget to display as the title:
.block-title span{
width:100%
}
.block-title span:after{
width:58%
}
But unfortunately a different width must be specified for every widget as title length will not be the same. if you set it to.
It will require further customization.
result: http://screencast.com/t/xptoQ821kZAu
Thank you!
https://forum.tagdiv.com/topic/wp-native-widget-title-box-color/
For the counter bubbles, you need to add a custom CSS to change their color:
.td-module-comments a {
background-color: #4db2ec;}
Add this code in the theme panel->custom css box
Thank you!
Hello zlato,
I’ve checked your site and I saw your Widgets on the right side. I have inspected this and below I gave you a bit of Css. Please try this code and place it Theme panel->Custom Css area like this: http://screencast.com/t/3dmZTAW3Bz0 Now, all your right widgets background is completely colored.
.td-main-sidebar .block-title span {
width: 100%;
}
.wpb_widgetised_column .block-title span {
width: 100%;
}
The result you should see here: http://screencast.com/t/8Mq8ZVKOe
If is not what you want, please provide more details about this problem.
Hope this helps and let us know how it goes!
Thank you for message!
Hello skyscorcher,
You need to make a custom class and this can be done it from Article editor, like this: http://screencast.com/t/XANknxJn – http://screencast.com/t/FMLuokGOgl43 – http://screencast.com/t/iDO34Er3q – http://screencast.com/t/OIPz8uJKzk4 .
After make this changes, please try the code below and place it in Theme panel->Custom Css area.
.custom_class {
margin: 20px;
padding: 20px;
border:solid #003300 4px;
background: #006600;
}
Hope this helps and let us know how it goes!
Than you for message!
Hello todaybase,
Please try the code below and place it in Theme panel->Custom Css area, like this:
http://screencast.com/t/BVbYYdY9
@media (max-width: 767px) {
.td_block_big_grid_1 {
display:none;
}
.backstretch {
display:none;
}
}
You should see the result here: http://screencast.com/t/ssCvLETad
Hope this helps and let us know how it goes!
Thank you for message!
Hi,
2) It is not weird as this is a default behavior of ther theme. A post will have every category or sub-category displayed on the top. If i specify 20 categoriess or sub-categoriess to the post they will all display: http://screencast.com/t/BTeOfsrvJ
Unfortunately there is no option to hide a specific category from a post. You can disable all of them from the theme panel: http://screencast.com/t/zavyzutGqHt
4)The theme has no option to hide a specific author based on the author description. Maybe you can find a plugin that provides this option in order to have it as your previous theme.
5)Indeed it is a css trick but we need to inspect it so we can get the class needed to apply the code.
for example on this block: http://screencast.com/t/SisfBDI9
code:
.td_uid_18_5661402fc34c4_rand .block-title > span{
background-color:red!important;
}
That long id number is different for every block element. You will need to identify yours and place it in the code. You can use the browser inspector to get the class.
6)You are getting posts from all categories on your block because you have it set to all categories and have not specified what categories you want your block to display posts from. You have specified categories for the ajax dropdown, which is the “menu” on the right of the title. You need to insert the categoriy id’s in the filter tab and in the multiple categories filter.
Thank you!
how install child theme ?
folder child theme contain function.php and style.css
i change this files
1. Install Newspaper-child theme
2. Move your CSS and php file to child theme
3. Enable maintenance mode
4. Delete Old Newspaper theme
5. Install a new one
Booom ! You’re done 😀
Hi Bogdan,
That’s awesome thank you!
I can find the category ID, just one question, how do I apply css to that category or categories only?
All I then need to do is add .backstretch {display:none;} css to the specified category. Then, the image won’t display but the theme will be boxed and background advert will run perfect.
Thank you in advance!
PS: buying another licence today have another site going up, number 3 for me with your theme
Hello gibbo78,
If you want to align your logo on your mobile device, it is neccesary to use a bit of Css to centrate this. Please try the code below and place it in Theme panel->Custom Css area like this: http://screencast.com/t/GFSQ0Ii0
@media (max-width: 767px) {
.td-main-menu-logo img {
margin-left: auto;
margin-right: auto;
}
}
The result you should see here: http://screencast.com/t/m0QFP245nk6
Thank you for the message!
Hello,
Unfortunately you cannot do that with css. You will have to edit the core files and add a condition to the background render file: http://screencast.com/t/O3HUULQhly2
You will use this function: https://codex.wordpress.org/Function_Reference/in_category
code:
if (in_category(array(101))) {
$this->background_parameters = $background_parameters;
}
The number you see in the code is the category id. you can use multiple category id’s here separated by comma like so: 8,10,12,102,… etc. So the background image will only be visible in that particular category.
I hope this helps.
Thanks.
Hi,
The block i edited in the example above is exactly as you describe it. Title, excerpt and all aligned left.
http://screencast.com/t/UWducKxoHBCe (I think you replied before i got to edit it and add the code for block 4. Please read above.)
You can edit block 10 if you want by using this css:
.td_module_9{
text-align:left!important;
}
Thank you!
Hello,
You need to edit the css not add it to the bottom of the file. If you do that, the result will be the same. Find the css that applies to the element class you wish to change and edit the parameters.
Unfortunately the downside of this is that in a future update you will lose your modification as the style.css will get replaced.
Thank you!
ok i make 2 point
–
1. Remove render blocking css/js – using the TagDiv SpeedBooster plugin (advanced users) -i cn send file تحرير td-speed-booster/td-speed-booster.php after change
2- enable gzip comperission in site but files facebook still not gzip copmerission — i disable facebook but not change any thing so i enable facebook idget again
finally all content site in my host enable gzip comperission
but result not fine until now
why ?
Hello.
There is a unwanted space between image and link under the image in the posts. How to eliminite it ?
Post
Custom CSS
Post Editor
Inspector CSS
As you see there is a br code between image and link Although I haven’t added a br code or pressed “enter” !
i want upadte theme from 6.6 to 6.6.1 without lose any modify css – php file
please give me files change or patch uprade from 6.6. to 6.6.1
thanks
Hi Alin / Chris,
I just noticed that after the update to 6.6, the 404s for http://website.com/wp-content/plugins/js_composer/assets/css/vc_lte_ie9.min.css are back in a big way. My 404 log is full of 404s for this ie9 css file since the 6.6 update. Any recommendation on how to eliminate this?
Thanks
Hi,
Thank you so much. Yes title of page is display correct 🙂
I try do this same with widget but something is wrong, can you check this?
http://prntscr.com/99y4ik
I add to child theme this:
.block-title {
border-bottom: none !important;
}
.block-title > span {
font-size: 20px !important;
overflow: visible !important;
background-color:transparent !important;
}
.block-title span {
overflow: hidden;
text-align: left;
color: #000;
}
.block-title span:before,
.block-title span:after {
background-color: #dadada;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.block-title span:before {
right: 0.5em;
margin-left: -50%;
}
.block-title span:after {
left: 0.5em;
margin-right: -50%;
}
And to custum css in theme
.block-title span {
text-align: left;
}
.block-title span:after {
width: 100%;
}
.block-title span:before {
display:none;
}
Best
Sorry for the inconvenience.
We just finished updating to 6.6.1 and all went like charm, except for one Thing: Our logo has gone missing.
we re-uploaded it to the theme panel: no avail.
Checking the source there seems to be something odd:
<div class="td-header-sp-logo">

<meta itemprop="name" content="Polyprisma">
</div>
from the style.css:
.td-header-style-8 .td-header-menu-wrap-full .td-header-sp-logo {
display: none;
}
Retina? display: none? huh? Shouldn’t the theme inherit the “normal” logo aswell?
Both versions have been uploaded to the Theme-Panel:
http://abload.de/img/themepanel10nsf8.jpg
When we scroll down, the titlebar and menu scroll off screen, as desired. weh scrolling a little up again, the smaller version of the logo is correctly displayed next to the menu.
Site: http://polyprisma.de/
Any ideas?
and, oh my gosh … it’s still there!
I guess the file names “update_log.txt” and “changed_files_6.5_6.6.1.html” are not specific enough?
===
NEWSPAPER THEME
Thanks for your support and feel free to contact us any time 🙂
https://forum.tagdiv.com/
~ Radu, Marius, Emil, Alina, Lucian, Nicu G., Alin and Nicu S. ~
[ Version 6.6.1 ]
– new social counter version. Facebook requiers now an API key, read more here: https://forum.tagdiv.com/tagdiv-social-counter-tutorial/
[ Version 6.6 ]
– new: Custom code panel. We realized that all the custom css, html and javascript should be in one panel. We also added a custom HTML code section. All the input areas from this panel have autocomplete (ctrl+space) and error checking.
– new: whatsapp share for article on mobile devices
– new: added http channel test status in the system status panel. You can now check if the theme is able to get the tweet count, like count etc from your host.
– new: filter posts by ID in blocks. You can add/exclude specific posts on all the blocks now.
– new: the theme now has it’s own logging system. We can now debug hosting issues easier.
– new: a new self diagnosting and self configurating module that allows our theme to pull data from other sites more reliably.
– fix: smart list 7 and 8 – sometimes the content was doubled
– fix: g+ new icon
– improvement: video playlist is now more reliable and all the code is loaded only when needed via autoload. The youtube videos information is now collected using just one API call instead of multiple API calls for each videos.
– improvement: speedbooster 4.2 now supports woocommerce better and moves the style.css to the bottom
– improvement: the theme panel works better now when adblock is used
– improvement: all the ajax functionality of the theme is now loaded only when needed
– improvement: better security checks on all the ajax requests
– improvement: html is allowed now in the copyright section of the footer
– improvement: social counter button is clickable on the entire area
– improvement: almost all the javascript code now passes jshint. We still have about 15-20% of the code to refactor to the new standards but with time we will get there.
– improvement: the theme’s data source class can now be overwritten from the child theme
– improvement: all the widgets from the theme are now optimized to work better. The widget_builder class is now deprecated and all the functionality was moved to td_block_widget
– improvement: the video playlist now downloads the videos metadata on render, not on save post. This allows us to use the playlist on the on click demos.
– improvement: the following modules of the theme are loaded on demand now: td_log, td_remote_http, td_remote_video, td_data_source, td_video_support, td_more_article_box, td_page_views, td_review, td_ajax. This means that the theme loads them only when needed. We mesured a 10% faster load time after this tweak.
– fix: theme animations where incompatible with some plugins and the visual composer gallery. The animations still worked but all of them looked a bit strange.
– fix: bug with the demo loader – the dinamic css for a specific demo was still loaded even after the demo was uninstall
– fix: header style 8 top submenu z-index fix
– fix: image aligment issue when using custom article paddings
– fix: the documentation url for demos was wrong in wp-admin
– fix: we updated the ads links to point to the right documentation
– fix: Social counter now shows the followers instead of +1 on google plus. Please update your social counter to see the improvement.
– fix: styling issues with the latest version of BuddyPress
– fix: on rare ocassions with some plugins the theme was emitting warnings in the server logs like: “Catchable fatal error: Object of class stdClass could not be converted to string”
– fix: error that was showing up in logs when the theme panel was saved
==
-
This reply was modified 10 years by
simchris.
Hello I insert this code inside the Custom CSS section of the theme in order to achieve this result
img.nature {
margin: 20px;
padding: 20px;
border:solid #003300 4px;
background: #006600;
}
and then I write the nature class inside the image CSS class field inside image options, but it won’t work.
Can you help me on doing this the right way please? I don’t want to write the div in the html part, I just want to make it work in image details > image CSS class.
Thanks