- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Always a community effort here! 🙂 Glad you got it sorted.
F12/console great way to check stuff — Chrome is great for that (and EDGE, also to a lesser extent). Often when “something weird going on” it’s the first place to look, BEFORE just turning everything off.
Also great way to isolate CSS classes you want to change by highlighting them.
Hello Andrei,
There was a setting in the Revo slider that when switched prevented the slides from being up-sized. I’ve played with the page margins and think I have a layout that I’m happy with.
http://tdhedge.meta-morphos.es/
Of all the many settings included in the theme, Visual Composer, and WP, I couldn’t find the setting for the page background color! I used some CSS but would be happy to know where the setting is located. Could you point that out for me?
I like the theme so far and will soon begin to fill out the content.
Thanks for your assistance!
Lon K
If you use custom code for css, try to remove from the box and put in the main style.css
If not fixed with this step, you have an incompatibility with some plugin.
P.D.: that errors are from you plugin “SwarmCDN”
If you’re talking about the “blockquote” in middle of a post, you can change that with CSS.
Simplest thing is learn to use F12 in chrome and the inspector; you can use pointy tool to highlight anything on the page to see the CSS. For most stuff you can then simply over-ride that CSS class. In some cases with multiple classes, you might need tagdiv help to figure out which element to target.
I always make our block-quotes smaller, too 😉
I like the author card of the theme and my Gravatar shows up. But it is not sharp (crisp). The Gravatar image is 96px x 96px, but your CSS is stretching it to 100px x 100px. That makes it blurry! The CSS code is:
.author-box-wrap .avatar {
float: left;
width: 100px;
}
Can you check?
Hi,
It’s possible to change css h2 like that :
http://www.hostingpics.net/viewer.php?id=230572photoh2.jpg
Thank’s
Hi Andrei.
Again I require your help.
I could not continue my template.
1. I wrote:
Buy a WordPress theme called newsmag, and install it on my localhost (xampp), the Revolution Slider plugin appears installed but when I go to activate then a message appears on the front end: “Revolution Slider Error: Slider alias With animals_slider not found. ”
I have come a long way in the contents of the subject and I’m late on the matter that comment.
My request is: what should I do again to solve this specific problem.?
2. You answered:
That error appears because the slide named animals_slider is missing from your wp. That slide is included in theme’s path: http://screencast.com/t/4GeUhwJKQ and you can import it in your wordpress following this link: https://forum.tagdiv.com/import-revolution-sliders-on-demos/
3. Proce as saying. Indeed the animals_slider file was found and upload it from WP but a message appears:
Could not decompress the package. No plugins found.
Failure to install the plugin.
When I look for file browser, animals_slider the compressed folder contains:
dynamic-captions.css size 541
slider_export.txt size 33,984
static-caption.css size 0
I must do again?
Thanks for your help and warm greeting
Jeff J.
HI
You can try this css in theme panel but it may affect the layout in some places, also image quality will be affected. Best wy is to update in media library an image at least by thumb’s size.
.td-module-thumb img {
width: 100%;
}
Thanks!
Follow up question:
First of all, your fix worked great on the mobile screen – Thanks!
However, it does not display correctly on a tablet style screen, see this picture:
I’m sure it is an easy fix, but I’m not quite proficient enough with CSS yet to figure it out myself.
Thanks!
Hello
Is it possible increase small image when uploading with CSS?
For example:
Image 590×380 to 640×400
Thanks.
Hi Andrei
Please help to put css, so i will ensure nothing happens in future
Regards mate
Hi
You can try this css but the shadow does not fit to well over the black background; http://screencast.com/t/qhBpkhC1aEhR
.td-big-grid-post .entry-title a {
box-shadow: inset 0 0 40px rgb(234, 234, 234);
}
Thanks!
Hi
This is the custom code generated by the theme now: http://pastebin.com/b490XhXB Try to paste it style.css as I’ve indicated above, clear the caches then test the site again.
Thanks!
HI
Try this css in theme panel > custom code > custom css:
.td-main-page-wrap {
padding-top: 0;
}
Let us know ho it goes and if the problem persist please provide your site url so we can have a closer look.
Thanks!
Hello rakhwanna,
Sorry for the delay but please notice that we treat our customers from oldest to newest and if you will make any bump, your question will be put at the top of the forum and will become newer and that’s why it appears this delay.
If you want to centre the post navigation, you will have to use a bit of CSS code to do that.
The code is ->
.page-nav.page-nav-post{
margin-left:auto;
margin-right:auto;
display: table;
width: inherit;
}
Thanks.
Hi
Do you want to remove the links from category page? If so try this css: http://screencast.com/t/HltHBMfamEk
.category .td_module_wrap{
pointer-events:none!important;
}
Thanks!
Hello biretta,
Please notice that the order is not very important. You can add as you like but please notice that you should be very careful to have no syntax errors. The CSS system will load the code in cascade, hence the name -> Cascading Style Sheet.
Thanks for your understanding!
Future styling request:
Since for post type 12/13 everything on top of the article is centered (heading, category tag, social sharing,…etc.), the subheading should also be centered.
Please add this to the future CSS.
.td-post-template-12 .td-post-sub-title,
.td-post-template-13 .td-post-sub-title {
font-size: 19px;
line-height: 25px;
margin: 12px 0 20px;
text-align: center;
}
Hello Mpampirina,
If you want to add the meta info and for Big Grid 7, please notice that you should edit the td_module_mx12.php and td_module_mx6.php core files and add some code, like this -> http://screencast.com/t/8yZHzaEb and here -> http://screencast.com/t/PkruhglF13 and then, for bring a good design you can use a bit of CSS code, like below ->
The code is ->
.td_module_mx6 .td-module-meta-info{
margin-left:0;
}
The result you should see here -> http://screencast.com/t/XdbzKGND4UjR
Thanks.
I have about 30px of white space at the bottom of my header. I have tried all the header styles and I have it with ever one. I have also tried changing the custom CSS based on other’s haveing similar issues I have read in the forums. I am also a developer and I cannot seem to find why the slider is not right after the header with no white space. Can you give me some ideas to look at?
Hi MarcinHinz,
Try the code below and place it in Theme panel->Custom CSS area.
@media(max-width:767px){
.td-container .block-title span, .td-footer-description{
display:none;
}
}
Thanks.
HI
You can add a shadow under titles but this not fits very well for layout, however you can use this css it you want: http://screencast.com/t/yM0NHeoJZ
.td-big-grid-post .td-big-grid-meta {
-webkit-box-shadow: 0px 18px 29px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 18px 29px -8px rgba(0,0,0,0.75);
box-shadow: 0px 18px 29px -8px rgba(0,0,0,0.75);
}
Thanks!
Hey guys,
Previously you guys just resolved my issue on this but after Newspaper 7.4 update again I m seeing the delay in loading up. Again I m seeing Blue colour instead of my own custom set colour.
Please resolve my issue.
I guess, I am in need of the new script to place on style.css for the new newspaper 7.4 updates.
Please help me by resolving my problem.
More of a browser problem with CSS animations, than theme specific issue.
Kind of like the bootstrap based themes with boxes that fly into the page, and half the time they stick in the wrong place on the ipad, or the page crashes. Safari problem. Works fine in Chrome.
I have just stopped using any such CSS “flying, fading, zooming, bouncing” crap, as it just does not work “everywhere….”
( stupid internet !)
