- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
Please try adding it using the do_shortcode function and add it like this in the tag.php file: http://screencast.com/t/r7Xfu8gYyCJy
Also add your code inside the Custom ad 3 like this: http://screencast.com/t/IdQeUAdg
Also add this CSS in Theme Panel > Cusotm CSS:
.tag .td-a-rec-id-custom_ad_3 {
margin-top: 20px;
margin-bottom: 10px;
}
Hope this works.
Thanks
Hi,
Please use this css in Theme Panel > Custom CSS:
@media(max-width: 768px){
code {
white-space: normal !important;
}
}
Thanks
Hi,
Just add this css in Theme Panel > Custom CSS:
.td-header-bg {
display: none !important;
}This will hide the header on all pages.
Thanks
Hi,
I know that we have cropped images for each block/modules/slider and the theme doesn’t serve any scaled images via CSS. I’ve tested our demo where is a slider there and tell me something about a scaled image but if i inspect the image with inspector the image is perfect fit no scale there.
Getting no attention in the 4.0 thread, and this is a fairly urgent issue, so posting here:
Since updating Newspaper theme to version 4.0.2 none of the custom CSS on my website seems to work, leaving the page looking nothing like it used to, and how I prefer it.
Can you please look into this and see if you can find a solution for me?
This is the custom CSS I’ve added to Theme Panel, that now has no effect:
blockquote p {
font-size: 22px !important;
line-height: 28px !important;
}
body {
font-family: ‘Open Sans’, sans-serif;
}
.td-post-text-content {
line-height: 22px;
.menu-item {
text-transform:uppercase;
}
.td-sbig-title, .td-big-grid-title a {
text-transform:uppercase;
}
.faktaboks {
width: 240px;
float: right;
background-color: #2d9dd8;
margin: 6px 0 6px 22px;
padding: 12px 12px 6px 12px;
text-align: left;
color: #ffffff;
}
.faktaboks h3 {
margin: 0 0 12px 0;
text-align: left;
color: #ffffff;
}
.faktaboks ul {
margin: 0 0 10.5px 14px;
}
.faktaboks p {
margin-bottom: 10px;
}
.td-page-title a, .td-page-title span {
font-size: 40px;
line-height: 44px !important;
}
h1 {
font-size: 40px;
line-height: 44px !important;
text-transform:uppercase;
}
.post header h1 {
font-size: 40px;
line-height: 44px !important;
}
.td-post-text-content h2 {
color:#2d9dd8;
font-size: 32px;
font-weight: normal;
margin-bottom: 12px !important;
}
.td-post-text-content h3 {
font-size: 22px;
line-height: 24px;
font-weight: bold;
margin: 12 px 0px 12px 0px;
}
.wp-caption-text {
text-align: center;
}
.td-featured-image-caption {
text-align: left !important;
}
.post .td-sub-title {
color: #3d3d3d;
font-weight: bold;
}
.header-search-wrap {
display:none;
}
Hi, I had add the following code in custom CSS but it doesn’t work
html {
-ms-word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
How can i disable sidebars from the theme without having white space right or left where the sidebar normally show? Do I have to do something about the CSS?
Hi, if you’re talking about line-wrap for long lines …
you might look at this:
http://www.w3schools.com/cssref/css3_pr_word-wrap.asp
You’d likely add the line-wrap function you want to the main CSS file for the theme, under the mobile @media section.
Hi,
May I ask the settings of force line break in CSS?
Some words like URL doesn’t line break in mobile
Thanks a lot
http://www.enterpr1se.info/2014/07/responsive-adsense-breakpoints/
Hi,
We will fix this in the next update, the big slider should be fixed via CSS for the 980 layout.
Thanks for the message!
Hi,
Add this CSS in Theme Panel -> Custom CSS
.td-full-logo .td-grid-wrap {
padding-top: 0px !important;
}
.td-footer-wrap .td-grid-wrap {
padding-top: 30px !important;
}Hope this help!
Thanks for the message!
Hi,
Thanks for reporting this, we will fix it.
Thanks for the message!
Hi,
Add this CSS in Theme panel -> Custom CSS
.rev_slider_wrapper {
z-index: 0;
}Thanks
Hi,
Set from Theme Panel the “Style 6 – menu + (full width logo)” then add this css in Theme Panel > Custom CSS:
.td-full-logo {
background: transparent !important;
}
.td-full-layout .td-header-bg {
background-image: url('http://kipaustria.at/wp-content/uploads/2014/06/header-background.jpg');
}Result: http://screencast.com/t/RR8HaI32Ywcl
Hope this works!
Thanks
Hi,
Use this css, it’s for page body content/text:
.page-template-page-pagebuilder-title-php p,
.page-template-default p {
font-size: 15px;
}We will consider this in future updates.
Thanks
Hi,
You can do this from Appearance -> Menu, add a new menu item and in Navigation Label section add image source like this: http://screencast.com/t/AInGu7tZfwA
Image Source should look like this:
<img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/logo-top2.png" />
And you will get this result: http://screencast.com/t/pVqRCnkBmfs
Also use css to style the image if it doesn’t fit well.
Thanks
Hi,
Please use this css:
.wp-smiley {
display: inline-block !important;
}Should work, see here: http://screencast.com/t/8NMvIFvG
Thanks
Btw, this problem with all the headlines
In css file you add this stuff which makes my headlines enormous (lines 2119-2125):
.td-post-text-content h1,
.td-post-text-content h2,
.td-post-text-content h3,
.td-post-text-content h4,
.td-post-text-content h5,
.td-post-text-content h6
But you also have normal headlines like in previous version in lines 1834-1839, that’s what i need.
Why did you add lines 2119-2125? Can i just delete it or i need to change hieght of them in Custom css?
Any ideas how i can fix this with CSS?
I don’t know why Images were not added to above comment, here they are again.
1 – https://drive.google.com/file/d/0B-ALfi5glBeCa2tpaDF1WmROMlE/edit?usp=sharing
2 – https://drive.google.com/file/d/0B-ALfi5glBeCbEU2S1g2WnhtUXc/edit?usp=sharing
3 – https://drive.google.com/file/d/0B-ALfi5glBeCWmlzZHowaENnODg/edit?usp=sharing
Hi,
The latest update has once again broken the timeline CSS on desktop and mobile device. 1. On mobile the text is overlapping making it impossible to read. [1]
2. On desktop the date is jumbled up as well as the Lable (Year 2014 under ‘Timeline’ word) on top looks cropped.[2]
3. Fonts are overlapping the dropdown menu button making it hard to choose fonts. [3]
1 –
2 –
3 –
You should check to see if you have any ad modules running which resize images to fit, or if you’re using a sidebar element not part of theme (like a plugin, etc.), which is resizing images like a “related posts” plugin or similar.
If images are being resized from the generated thumbnail via CSS, it often means the next smaller size is missing (be sure to regenerate thumbnails for your old posts, if you have not already).
Obviously it would help to include the link to the GTMetrix report, or to your page where the error is happening for folks to look at.
Also note with GTMetrix it will often show you the names of the files being resized, so you can look at your source code and the page online to debug where that is happening based on file name, and then see if something is off from there.
Hi,
I add custom CSS but ads looks like this:
http://i61.tinypic.com/2a0esle.jpg
http://i58.tinypic.com/dnycs9.jpg
Example tag page:
http://mmoda.net/etiket/amalie-schmidt/
Refresh page and you can see different ads which not resizing correct size.
@ericsan
not really; and it’s not that big of an issue technically.
one of my sites which has this “warning” has a pagespeed for desktop of 97, 91 for mobile, and 85 for mobile UX (no CMS used; all hosted locally).
To give you an idea how funky that “suggested” fix actually is, with the first version we got warning of “only 54% of your page could load to render blah blah” and had pagespeed of 91; we changed around some stuff, got pagespeed of 97 but now says “only 1% of your page could load … try to fix render blocking ….”
Well, 350k page with 1400 DOM elements, loads in 1.3 to 1.6 seconds, has pagespeed of 97 desktop and 91 mobile. SO, big whoop.
If your speed is above 91/92 and you still get “suggestion” for render blocking, you can likely ignore it. It’s pretty hard to get a higher speed with a complex WordPress news portal which has bootstrap 3 as underpinnings.
So, it’s usually best to work out EVEYTHING else first, then if all you have left is “render blocking blah blah” … then you can get on with your life.
To get maximum speed you have to massively optimize your content, figure out how not to load any external stuff from social media, google, etc. — tricky.
I’ve run across one issue with social media sharing on some posts with 3.9.2 (not yet updated to 4x), which contain a single quote in headline such as book title and which also have YouTube video. When sharing via Twitter and FB sometimes get some funky characters, like the encoding is broken. So, on Twitter we see a [] in place of ‘ …
Might not be the same issue, but check if it’s on posts with non text characters in headline/title, and YouTube video(s) auto-embedded in post.
This is the only “random” thing I’ve found with sharing with the standard sharing buttons (the big square CSS3 color buttons with social icons on them). For the moment we switched back to the share buttons with sharing numbers to fix it.
Waiting on 4.3/4.4 to upgrade theme from 3.9.2, but will check this issue once done.
