Radu, what do you think of the 3 cloudflare options working with newspaper: http://screencast.com/t/mFYxmJxg31h
1) autominify (js, css, html) – some of these are done with the td booster plugin right? would it be ok to use these if I am not using the td booster plugin?
2) polish (on or off) says it improves image load time – will it interrupt or over optimize if you already have smushit?
3) Railgun (business plan offering for more, have you ever tried it? worth it as a compliment to the theme?)
Thanks!!
-
This reply was modified 10 years by
schindyguy.
You don’t get all the images from the “demos” — as they are licensed images. Meaning you don’t get 100 free stock photos with theme; you get the demo “layouts” and CSS, and need to use your own images. The demo is to help you setup a look/feel for your site, not give you a ton of free content and photos.
So, this is normal practice with themes bought from ThemeForest — as the demo images were licensed to TagDiv and not to you.
If that was not the query you meant, and I mis-understood, please pardon my input. I don’t work here but have been using TagDiv themes for 2 years now, and run into various such things in my own travels. 🙂
Hi,
Thank you so much, it works! I got one more question:
My Mailchimp form won’t appear on mobile, do you know why?
Here’s the code.
Thanks.
<<!– Begin MailChimp Signup Form –>
<link href=”//cdn-images.mailchimp.com/embedcode/classic-081711.css” rel=”stylesheet” type=”text/css”>
<style type=”text/css”>
h1{ position:center;}
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
</style>
<div id=”mc_embed_signup”>
<form action=”//healthills.us11.list-manage.com/subscribe/post?u=ce8bee94e661810bed5419e47&id=81426b9ae7″ method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<div id=”mc_embed_signup_scroll”>
<h1>SING UP FOR HEALTHILLS’S NEWSLETTER</h1>
<div class=”mc-field-group”>
<label for=”mce-EMAIL”>Email Address </label>
<input type=”email” value placeholder=”Email” name=”EMAIL” class=”required email” id=”mce-EMAIL”>
</div>
<div class=”mc-field-group”>
<label for=”mce-FNAME”>First Name </label>
<input type=”text” value placeholder=”First Name” name=”FNAME” class=”required” id=”mce-FNAME”>
</div>
<div id=”mce-responses” class=”clear”>
<div class=”response” id=”mce-error-response” style=”display:none”></div>
<div class=”response” id=”mce-success-response” style=”display:none”></div>
</div> <!– real people should not fill this in and expect good things – do not remove this or risk form bot signups–>
<div style=”position: absolute; left: -5000px;”><input type=”text” name=”b_ce8bee94e661810bed5419e47_81426b9ae7″ tabindex=”-1″ value=””></div>
<div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
</div>
</form>
</div>
<script type=’text/javascript’ src=’//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js’></script><script type=’text/javascript’>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=’EMAIL’;ftypes[0]=’email’;fnames[1]=’FNAME’;ftypes[1]=’text’;}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!–End mc_embed_signup–>
>
1) Andrew, thank you! It’s like the time I need. But I can not. I need just such a precise code to insert into
YOUR CUSTOM CSS ?
2) You can make the top I get the phone next to the main menu?
-
This reply was modified 10 years by
vasik.
Hi
By default the theme doesn’t display the top bar on mobile devices but you can use this custom css in theme panel > custom css to display it: http://screencast.com/t/edqs9T92
@media (max-width: 767px) {
.td-header-top-menu {
display: block!important;
padding: 7px;
}
Note that you may need some additional css customization to the layout, as the top bar wasn’t designed to be displayed on mobile devices.
Thanks!
Hi,
1. Try this custom css code: http://screencast.com/t/eE5IQ8nL3ao will hide the author name from all modules:
.td_module_wrap .td-module-meta-info .td-post-author-name {
display: none;
}
2. That is the page author box found on author pages: http://screencast.com/t/HPaosHCA You can replace it here: http://screencast.com/t/PR1OTc3a
Thanks!
Hi Emil G – Thank you!
Initially the code you shared didnt work so I removed all custom css and tried. It worked like a charm with zero spacing.
But I still see a defect. Screenshot: http://www.screencast.com/t/c9X7jj7C
You can also alternatively visit: ViralBae.com
Please advice.
PS: Add comments to sections which you have used in code like impact footer and posts section etc. It will be helpful.
Thank you.
Hello Derek.
I’m not sure what you mean by message bar or by depth.
I only assume it’s the big container at the top with the “i” icon.
If this is the case you can use this code to reduce it’s size:
.vc_message_box .wp-image-46115{
max-width:50%
}
.vc_message_box h1{
font-size:18px;
margin-top:10px;
margin-bottom:10px;
}
.vc_message_box{
padding:0!important
}
You can add it in the theme panel->custom css box
Thank you!
Hi,
Try the following css: – http://screencast.com/t/MwkGwHEww
.td_block_12 .td_module_11 {
padding-bottom: 0px;
}
.td-footer-wrapper {
padding-top: 0px;
}
.td-main-content-wrap, .td-page-content {
padding-bottom: 0px;
}
.td-footer-wrapper .td_block_3 .td_module_1 {
padding-bottom: 0px;
}
.td-footer-wrapper .td_block_wrap {
margin-bottom: 0px;
}
Thank you!
-
This reply was modified 10 years by
Emil G.
Hello amn2892,
You can make your website blocked version simply by setting a background color or a background image.
The margins and borders on the site you specified are custom added. There is no option in the theme panel for borders and there is no way to set them globally. You have to target each element and style it using css.
As for the black border, please provide a link to the problem (to your website) so we can inspect it and find a solution.
Thank you.
Hello Jethron,
There is no option to hide specific category titles. There is an option to remove all category titles though: http://screencast.com/t/eDMrVMtk
Unfortunately the theme settings are not THAT specific, but you can use a custom css to do it.
There is just one problem. You cannot select a category tag by name. It can only be selected by number: first one, second one, third one…so you can remove a specific category but only on that position. If in one post the category you want to hide is displayed as the second one and on other post it is the third it will not work and it will hide another category you do not want hidden.
Bottom line: if you use this code, make sure the category you want to hide has the same position in every post.
.td-post-title .td-category li:nth-child(2){
display:none;
}
Thank you.
Hi
Try this custom css:
@media (min-width: 1021px){
.td_block_12 .td_module_11 a img{
height: 235px!important;
}
}
.td-page-content{
padding-bottom: 0;
}
.td-footer-wrapper{
padding-top: 0;
}
The result should be like here: http://screencast.com/t/I1ZjZy3PYVi – http://screencast.com/t/yCuOCt2Uk
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hello Alessandro,
Post background inherits the category background. You can set it from the category options in the theme panel for each category: http://screencast.com/t/TKVkuiIwXvFF.
There is also a post style that uses the featured image as background – post style 8: http://screencast.com/t/7A3iDJavkpn – http://demo.tagdiv.com/newspaper/td-post-2015-awards-all-of-the-best-and-worst-moments-from-the-show/
Unfortunately the sidebar color can only be changed with custom css:
.td-main-sidebar .td-ss-main-sidebar {
background-color:red
}
I hope this helps
Thank you!
Hi
Try this custom css in Theme Panel > Custom Css: http://screencast.com/t/9psGeAjn
@media (max-width: 767px){
.author-box-wrap img{
display: block!important;
}
}
Thanks!
Hello Rob.
The theme does not have such an option but it can be done with custom modifications. You need to know a bit of HTML and CSS. You can add a title with a ‘a:hover’ property to the image and then set it to display the hidden information. Then you need CSS to style your setup. If you cannot manage on your own i suggest you hire a freelancer to do it.
Thank you!
Well, thank you for writing such a good update script!
I made a duplicate site since it was going to be so hard to rebuild the site with a new theme. Then having built the copy of the site and imported the old database, I thought, why not give the updtae script a go.
The bad thing was that when I imported the database to the duplicate siteI did not change the site url. Dumb mistake. So when I told the update script to make its changes I was in fact on the live site not the duplicate.
The good news was that the script worked. Well done.
I had to open each page and change the template, I had to put widgets back in a few sidebars. In 10 minutes I had the site working again.
Thanks so much.
So for anyone else:
The update script works for update from version 3.8 to 6.
My site only had about 10 pages
Posts on my site all looked much the same.
I had some custom css for integrating plugins to the theme.
In other words my site was not doing anything dramatic or different.
Pages need their template choices checked/redone.
Widgets in sidebars need to be reset, 3rd party plugins will be missing.
Custom css needs to be copied over as well I guess.
Cheers
Miriam
I need another css code to change the border color under excerpt on block 6 from white to #032357 and make it solid line..thanks
Hi
First the css you provided won’t work because the syntax is not correct, the correct code should be written like this, with . before every class:
@media (max-width: 768px){ .td-pb-span4 .wpb_column .vc_column_container { display: none; } }
Second, I don’t know what widget do you want to hide, so for example if you want to hide this widgetised sidebar: http://screencast.com/t/eXMQ079q the css will look like this:
@media (max-width: 767px){
.wpb_widgetised_column{
display: none;
}
}
I’ve targeted the element’s css class and applied a css property on it. Note that you may need a more specific target, depending by your widget position, like here for example: http://screencast.com/t/kWGoS3gdoVPW
@media (max-width: 767px){
.wpb_widgetised_column .td_block_social_counter{
display: none;
}
}
For more details about css coding you can check this link: http://www.w3schools.com/css/default.asp you will find very useful information there.
Hope this help.
Thanks!
Hello sejpost,
You can modify the top menu using custom css. This code changes the minimum height the top menu is going to display, the padding is to align it vertically and font size is font size. (no explanation needed there). You can change these values to your preference, i set them just as an example of how it can be done:
.td-container.td-header-row.td-header-top-menu {
min-height:50px;
padding-top:10px;
font-size: 13px;
}
The result: http://screencast.com/t/XgxOIVMhWkR
Thank you!
Hello Miriam,
We have not tested if it will work, as version 3.8 is a bit old and we only tested updating from version 4.
You could try to update to 4 and then follow our update guide(make sure to back-up), but our suggestion is to delete the old version, install the new one, and rebuild your site without using the script.
Newspaper 6 is a whole new theme that is released for free for all of our existing customers so an update to version 6 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ also update the plugins that come with the theme files from the /plugins folder. Also you have to update the child theme if you use it, please note that old files customization or custom css will not work with the new version and you will have to adjust and re-add them.
Bottom line is that newspaper 6 is a whole new theme built from scratch.
Hope this helps.
Thank you!
Hi
First you will need a function in td_block.php file http://screencast.com/t/W6v8IQZdCXCC which redirect the user to the category page when the button is clicked, then you need to call that function in every block used, instead of ajax pagination: http://screencast.com/t/PpVkPZCpVI4 Also you may need some css code for the button’s layout.
This changes requires lots of customization and unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support. You can look for a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Thanks for the message!
Thanks Bogdan,
I don’t want to change the css, I want to make modifications to the div container, so I would like to know in which file is the code that generates the <div class=”td-a-rec td-a-rec-id-sidebar “> tag.
Thanks in advance!
Ronnie
Hi,
This is how the Big Grid block was designed for mobile device, unfortunately there is no option to change it display only with custom modifications(css) and it is not so easy, sorry!
Thanks!
Hello Ronnie,
We usually use the browser inspector and a free chrome extension called live CSS editor to create our css code and then just add it in the theme panel->custom css box http://screencast.com/t/bE6DzkfZM
You can also modify the ‘style.css’ file if you want: http://screencast.com/t/oN74OaoKfu.
Thank you!