- 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
Hi,
Is like that because you use a logo at 90px in height, you need a logo at 100px at last.
To fix that you can use this CSS, add it in Theme panel -> Custom CSS
.header-logo-wrap img {
padding-top: 10px;
}
.header-logo-wrap a {
display: block;
height: 100px;
}
Thanks!
hi,
limit the post number: http://screencast.com/t/Xv177uGovK
to hide block 2 use this css here:
.wpb_wrapper .td_block_wrap.td_block2 {
display: none;
}
here : http://screencast.com/t/76ZDS1nZfgcg
Thanks for you message.
Radu A.
Hi,
http://screencast.com/t/IagVowggAhoB
And add this CSSin Theme panel -> Custom CSS
.td-post-text-content {
clear: both;
}
What you’re wanting is loop-single.php with a loop of posts afterward like homepage with loop. I’ve found no shortcode to accomplish this. You’d need to make a new post template from the homepage with loop page template (easiest way) but that’s not a feature in Newspaper. My advice is to hire a programmer for this task as it’s quite complicated requiring js, php, html, and css knowledge to make it work.
Hi!
I would like to change the effect for Linked Widget Titles. If someone hovers into the Linked Widget Titles, an underline shows up there. I want to delete the underline effect and add a Fade effect. (on hover)
I also want to add a Fade Effect to the main logo, as well as all the links.
Please let me know if this is possible via some css.
thanks!
Hi,
We know about that issue and don’t have a solution, the problem is simple on desktop you have one slide(4 posts) on mobile obvious you will have 1 slide to, but is a normal slide and contain only 1 post.
A solution is to increase the big slider post number with multiplier by 4 like
4 posts – 1 slide
8 posts – 2 slides
12 posts – 3 slides
or
you can hide the slider on mobile if you want via CSS.
Thanks for the message!
Hi,
You can use this CSS, add it in Theme panel -> Custom CSS
@media (max-width: 767px) {
.header-logo-wrap {
display: block;
}
.header-logo-wrap img {
display: block;
}
.mobile-logo-wrap {
display: none;
}
}
but the logo if at the top. To move the logo bellow the menu you need to make some code changes.
Thanks for the message!
hi,
the css that the theme is using is working on 3896 sits and counting.
I see that W3C validator says that are error and issues with the css of the theme.
if you are a programmer you know that to make the css work on many browser ‘css hacks are added, hacks that are not compatible with W3C.
css is used to only display the products on the page, not to extract the products from database (thats php and mysql job), so check your settings.
Thanks for you message.
Radu A.
Hi,
1. You need to set the block to show 3 post and if you use next prev ajax or load more button http://screencast.com/t/icj0autHV2 this will load the following posts, but this don’t have a limit in your case 10 and stop.
2. You need to inspect your site and see the selector for the Block 2 and hide is from CSS using display: none for mobile, you have in Theme panel -> Custom CSS this: http://screencast.com/t/sjeNacfQ that you can use for custom CSS only for mobile.
If you don’t manage the CSS part, give us your site URL to take a look and we will provide you the right CSS
Thanks!
hi,
css to color the rest of the text :
/*comments*/
.post .meta-info .entry-comments-views a {
color: red;
}
/*date*/
.post .meta-info .entry-date {
color: red;
}
/*category*/
.post .meta-info .entry-category a{
color: red;
}
Thanks for you message.
Radu A.
If all browsers were the same then yes, you might be right. But since the different browsers do work differently behind all the pretty colors and sounds, I’m gonna go with those differences being more than just coincidence.
Now back to the topic at hand. How are you implementing your background color and image? Your site shows neither the color or image in Firefox.
How are you implementing your CDN? There may be a compatibility issue with Could Flare and Newspaper. And before you get snarky again these incompatibilities can occur without you doing anything messing up what worked before.
Chances are you need one of the dev team members to login and find the issue. Plugin conflict is still the most likely, next would be custom CSS error/lack of cross browser compatibility.
The 404 error you get is saying that you’re using inline images encoded in Base64 – a not-so-reliable way of reducing HTTP requests when loading images that is known to cause issues to websites, not themes or software, but websites of all types. Are you running any compression, caching or other website speed-up plugins?
hi,
I have added the following to the custom css to change the colour of the entry-foments-views but also need to change the rest of the text on that same line.
.post .entry-comments-views {
color: black;
background-color: transparent;
}
http://betheline.com/nba-picks-day-nets-vs-raptors-mavericks-vs-spurs/
how can i change the colour of the comments link and the “eye”?
thanks,
CH
hello it seems the css is messed up, i also noticed some product not showing on the frontpage although settings are ok.
pls have a look and tell me what to do
Thank you
Not exactly the kind of issue I had… I messed up.
For your problem, unfortunately, you must upload the whole theme fresh since you missed the patches – that’s the most sure-fire way to get it done.
If your customizations are in all in the Custom CSS tab of the theme panel, then they are safe in the database.
If your customizations are all in the child theme files then they are safe from a full install of the parent theme.
If your customizations are all in the parent theme then you have just a few choices and none are great.
1. Never update the theme again, which also means you can’t upgrade to WordPress 3.9 as 3.6 and below of the theme aren’t compatible with WP 3.9
2. Best Option – Move your customizations to the child theme and Custom CSS of the theme panel so you don’t lose them on future upgrades to the parent theme ( Here’s Newspaper child theme documentation – https://forum.tagdiv.com/child-theme-documentation/ )
3. Worst Option – copy all of your customizations to Newspaper 3.8, meaning you’ll have to do that with each update
4. You could go through all of the updates since version X to 3.8 compiling a complete list of modified files, but if you miss one your site will likely break ( 3.7 had a major change, see https://forum.tagdiv.com/newspaper-v-3-7/ for instructions to convert the Visual Composer to a plugin )
Wish the news could be better. Good luck.
Q1) But If I set 10 as the limit post number, the widget shows 10 post at the same page. What I want is to show 3 articles per page and when I click on the next button, the widget loads 3 more. But here is the problem, with this configuration the widget load all the post that I have published in the page and what I want is to show the 10 most popular post of the weekend. So, when the widget load the last article (10) stopp loading more articles.
Q2) OK, but what css code I have to add to hide the block 2 on smartphones?
hi,
there are 2 solutions:
1)you can use this css to hide the space:
.meta-info {
display:none;
}
here: http://screencast.com/t/qhXi93L3rC
but the problem is , it will hide that space every where on your site.
————————-
2) find your modules : http://screencast.com/t/NKAtK4yCTs
then find the module 5 php file and comment out or remove that line, like: http://screencast.com/t/nyARcQrkNDJ8
Thanks for you message.
Radu A.
hi,
you can use css to modify it just on post , for example :
.post .meta-info{
background-color: red;
}
add it here : http://screencast.com/t/voLwhZIzXXB
Thanks for you message.
Radu A.
hi,
hide the block from css .
add the css here: http://screencast.com/t/ujSpcDHtHs
Thanks for you message.
Radu A.
Hey ‘Big K’ ! (popping in just to check on bugs for new update) …
I asked about this previously. Because the layout “below the full width navbar” is in three sections for advertising option:
[left] | [mid-body-mid] | [right]
you would basically need to apply a background image to the left element, and the right element to achieve that.
And so to do a gradient background top-down to cover full width, you’d pretty much need to apply gradient to [left] [mid] [right] as three sep divs/sections. Or, to leave center area alone, you’d apply a background to the two divs, sort of like manually applying an image in place of adverts to those two divs – outside the theme options; using custom CSS.
There is answer from marius/radu on this topic on how to do it now, if you’re interested in hunting that down. Sorry I don’t have it handy.
Hi,
Add this CSS in Theme panel -> Custom CSS
.post .thumb-wrap {
background: none;
}
Add a text widget above the social and add this CSS in Theme panel -> Custom CSS to fix the alignment.
.td-header-menu-wrap .textwidget {
float: left;
}
.td-header-menu-wrap .td-social-wrap {
float: right;
}
Thanks!
hi,
you can edit the style.css file (not recommended if you later update the theme).
the order is important for css, one rule can overwrite the other.
try find the correct order.
Thanks for you message.
Radu A.
Hi,
The theme have in theme panel to choose black or white icons for the menu. I see that you use the white version and i gave you a CSS to switch to black version on mobile.
I can give you if you want a screenshot to see that the solution above works. The size of the sprites are the same for black or white version.
Thanks for the message!
An update, if I place the css rules FIRST in the Advanced CSS Desktop box, they work with no problem. If ANY other rule, that has no relation with the id and div is placed before, it doesn’t work anymore.
I’ve tried using !important, no success. The rules that I want to override are:
.td-menu-wrap #td-top-menu {
padding-left: 2px !important;
}
These are meant for the desktop 1200px. If I change the padding directly in style.css works with no problem – I copy paste that to Advanced CSS in the desktop 1200+ field, nothing happens. Not sure if this is a bug
Hi, what is the CSS code to change the font size on the slider? Thanks.