- 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
I did not say you where using it,i say you are a plugin that is Async JS and CSS files…
i’ve check ur source code and i see ur files is loaded in asynchronous.
-
This reply was modified 12 years by
Steven.
It’s not the theme it’s the plugin u using to “Async JS and CSS” you have to exclude these files in the plugin for the menu to work…
jquery.min.js
external.min.js
site.min.js
Complains about style.css missing. The fix posted on the website does not work. I manually upload style.css to wp-content/themes as instructed and when I go to my WP Dashboard there is no sign of the Newspaper theme.
Hello, good morning.
The problem I have is that the background image that I have configured is not seen in the Post, in the other sections works well. But in the Post NO …
I used the search and found these two topics:
https://forum.tagdiv.com/topic/background-images-not-showing/
https://forum.tagdiv.com/topic/2-questions-about-the-vc-and-background/
But none helped me solve my problem.
Fashion Use the CSS style.
Sorry my bad english…
I hope someone can help, thanks!
Hi,
I’ve been using your theme for my blog and it’s great.
There’s a tiny bit of a help that I want. I’m trying to remove the <time> tag that’s associated with every post-meta but it’s hard to find out where to do that. Can you point me in the right direction?
Basically, I just want to remove the <time> tag that goes like this:
<time itemprop=”dateCreated” class=”entry-date updated td-visibility-hidden” datetime=”2014-07-04T15:12:23+00:00″>Jul 4, 2014</time>
I can get it removed through “css” but I want to remove it at the html output level so that search engine spiders can’t fetch that data from my page. Any help would be really great!
Thanks in advance.
Hi,
Please try this custom CSS, add it in Theme Panel -> Custom CSS
.td_ul_login, .td_ul_logout {
display: none;
}
@media (max-width: 767px) {
.td-header-menu-wrap, .td_ul_login,
.td_ul_logout {
display: inline !important;
text-align: right;
}
.td-header-menu-wrap .span9 {
display: none !important;
}
.td-header-menu-wrap .span3 {
background-color: #4b4b4b;
height: 26px;
}
.td_ul_login,
.td_ul_logout {
margin: 0 8px 0 0 !important;
}
}
Hope this works
Thanks
Hi
You can try to add a div element with your code inside and on that div add a class like td-myad and hide it on mobile via CSS like this:
@media (max-width: 767px) {
.td-myad {
display: none;
}
}
Hope this helps!
Thanks
-
This reply was modified 12 years by
Lucian.
Hi,
Please add this custom CSS in Theme Panel -> Custom CSS
body iframe[id^="dsq-"] {
display: block !important;
}
Thanks
Hi,
You have to move the code for social sharing buttons inside loop-single.php file like this: http://screencast.com/t/Wtzfm7yJ
Then move the tweet, like and g+ buttons code inside the same loop-single.php file like this: http://screencast.com/t/TIX5pK3e
And this CSS in Theme Panel -> Custom CSS:
.post .td-social-like-tweet {
margin-bottom: 15px !important;
}
.td-social-like-tweet ul {
margin-top: 0px;
}
.post header {
margin-bottom: 5px;
}
Hope this works
Thanks
-
This reply was modified 12 years by
Lucian.
Hi,
Please add this CSS in Theme Panel -> Custom CSS
.post .meta-info {
display: none;
}
.post .td-post-text-content {
margin-top: -25px;
}
Thanks
I see that the theme always loads these fonts, even when I don’t need them
google-font-opensans-css
google-font-pt-sans-css
google-font-oswald-css
google-roboto-cond-css
google-fonts-style-css
This doesn’t make sense, how to fix it?
(without changing the theme files, I’m using child theme)
Thx lucian,
I added that in the custom css but even after clearing the cache it’s still in uppercase 🙁
Hi,
It can be done via CSS and you add it in Theme Panel -> Custom CSS.
Here is an example:
First you have to change this classes like this: http://screencast.com/t/NKc2JXoDKB
Then add this custom CSS in Theme Panel -> Custom CSS:
Here I’ve used an icon found on internet but you can try to find a better one if you want or hire a freelancer to draw a custom one for you.
.td-sp-share-stumbleupon {
width: 31px;
height: 31px;
background-image: url('http://iconizer.net/files/InFocus_Social_Media_Icons/orig/stumbleupon.png') !important;
background-repeat: no-repeat;
top: -3px !important;
left: -2px;
}
.td-social-sharing-buttons {
margin-right: 10px !important;
}
.td-social-stumbleupon {
background-color: orange;
}
Hope this helps.
Thanks
Hi,
Try this CSS, add it in Theme panel -> Custom CSS
#inner-wrap {
background-color: #cccccc !important;
}
Thanks
Hi,
Add this custom CSS:
.post-source-via {
text-transform: none;
}
..in Theme Panel -> Cutom CSS
You will get this result: http://screencast.com/t/YvtwZVzWJvEd
Thanks
Hi Lucian,
Thank you very much for all the css controls.
I meant to get on last night and say that is was now working.
Now previously on this site i did remove the code in functions.php that adds in the other elements of VC.
When I thought of this i went in and removed those lines of code again and presto it started working fine.
So I am not sure if my previous selections are stored in the database or not, but alas it is working.
Again thank you for your effort in supplying all the code above.
Darren
Thanks for this! So I need a white StumbleUpon logo and change the CSS for the button to orange. Where am I plugging this all in at?
Thanks for your answer, I’ve already change the content background in the style.css file, but the thing I can’t achieve is to change the background outside of the content (in the screenshot you can see that this background is white, instead of clear grey). Do you know how to do that without changing the full width template ?
Thanks a lot !
Hi,
The background color of the menu can be changed from Theme Panel -> Theme Colors like this: http://screencast.com/t/7yGByZLEX
For the website content background you need to add this CSS in Theme Panel -> Cutom CSS:
div.td-page-wrap {
background-color: red !important;
}
Thanks
Nice! Looks great!
Now the only thing is that I want to completely get rid of the Read more block. And have the freed up space used (so no “visibility: hidden;”)
As you can see here (techplanet.nl) they are in the way 🙂
What CSS code do I use for that?
I tried this: .td_read_more { display: none; }
But did not work
Thank 🙂
-
This reply was modified 12 years by
OuweAap.
Hi,
If you want a standard button you can get the code from here: http://www.stumbleupon.com/dt/badges/create
Or if you want a custom one the code should look like this:
<a class="td-social-sharing-buttons td-social-pinterest" href="http://www.stumbleupon.com/submit?url=' . urlencode(get_permalink()) . '&title= ' . $this->title . '" onclick="window.open(this.href, \'mywin\',
\'left=50,top=50,width=600,height=350,toolbar=0\'); return false; "><div class="td-sp td-sp-share-pinterest"></div><div class="td-social-but-text">StumbleUpon</div></a>
add it in the td_module_blog.php file like here: http://screencast.com/t/eaRORJez then you need to Change the icon and color via CSS
Hope this help!
Thanks
Hi,
Sorry for the delay.
We will fix this in the next update, until that add this CSS in Theme Panel -> Custom CSS:
/* CSS Animations */
.wpb_animate_when_almost_visible {
opacity: 0;
}
.wpb_start_animation.wpb_top-to-bottom {
-webkit-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
.wpb_start_animation.wpb_bottom-to-top {
-webkit-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
.wpb_start_animation.wpb_left-to-right {
-webkit-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
.wpb_start_animation.wpb_right-to-left {
-webkit-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}
.wpb_start_animation.wpb_appear {
-webkit-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity: 1;
}
/* Top to bottom keyframes */
@-webkit-keyframes wpb_ttb {
0% { -webkit-transform:translate(0,-10%); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_ttb {
0% { -moz-transform:translate(0,-10%); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_ttb {
0% { -o-transform:translate(0,-10%); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_ttb {
0% { transform:translate(0,-10%); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
/* Bottom to top keyframes */
@-webkit-keyframes wpb_btt {
0% { -webkit-transform:translate(0,10%); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_btt {
0% { -moz-transform:translate(0,10%); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_btt {
0% { -o-transform:translate(0,10%); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_btt {
0% { transform:translate(0,10%); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
/* Left to right keyframes */
@-webkit-keyframes wpb_ltr {
0% { -webkit-transform:translate(-10%,0); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_ltr {
0% { -moz-transform:translate(-10%,0); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_ltr {
0% { -o-transform:translate(-10%,0); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_ltr {
0% { transform:translate(-10%,0); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
/* Right to left keyframes */
@-webkit-keyframes wpb_rtl {
0% { -webkit-transform:translate(10%,0); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes wpb_rtl {
0% { -moz-transform:translate(10%,0); opacity: 0; }
100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes wpb_rtl {
0% { -o-transform:translate(10%,0); opacity: 0; }
100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes wpb_rtl {
0% { transform:translate(10%,0); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
/* Appear from center keyframes */
@-webkit-keyframes wpb_appear {
0% { -webkit-transform:scale(0.5); opacity: 0.1; }
100% { -webkit-transform:scale(1); opacity: 1; }
}
@-moz-keyframes wpb_appear {
0% { -moz-transform:scale(0.5); opacity: 0.1; }
100% { -moz-transform:scale(1);opacity: 1; }
}
@-o-keyframes wpb_appear {
0% { -o-transform:scale(0.5); opacity: 0.1; }
100% { -o-transform:scale(1); opacity: 1; }
}
@keyframes wpb_appear {
0% { transform:scale(0.5); opacity: 0.1; }
100% { transform:scale(1); opacity: 1; }
}
Sorry about this
Thanks
Hi,
@bobbyd67 Thanks for your help.
@snowwatchGB I have tested the solution that @bobbyd67 mentioned and seems to work fine.
To do that add this code &showinfo=0&autohide=1 like here: http://screencast.com/t/zUXkxAqs
To remove the gap add this CSS
.post .wpb_video_wrapper iframe {
margin-top: -25px;
}
..in Theme Panel -> Cutom CSS
Thanks
Hi,
We have moved an old newspaper theme based website to our server. It was on the 3.3 version and we have moved the website and updated to 3.9 version.
But, we have found some styling problems.
We have seen the custom.css from the previous designer and we have trying to modify everything there but there are some things that we don’t know how to do it.
Is there anyway we can contact privately with someone who can help us with this?
thanks
Lucian,
Actually, this is how I would like my Block 6 to display: http://goo.gl/95oxL7
(What you are seeing is Module S).
So how how do I make my Block 6 look like Module S?
Can you supply me with the custom CSS?
Thanks
Andre
-
This reply was modified 12 years by
OuweAap.