- 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 am getting this error: https://snag.gy/isRwjY.jpg
I was working fine with normal WordPress AMP plugin, but I replaced it with tag div and now I am getting this.
I understand now, you mean that padding. I was looking for an actual line, sorry for that.
That is a padding top set for the page
– https://www.screencast.com/t/rWRDNqKjF
By default that would be applying for the page, only with some CSS it can be removed
– https://www.screencast.com/t/BG5mhfPJ2Kb
.home .td-main-page-wrap {
padding-top: 0;
}
Paste this code in the theme’s custom CSS section of the theme panel
.td-post-template-8 .td-post-header header .entry-title {
color: white;
}
But that code would be in no relation to the category of the post, unless maybe you use that template for all the posts of the category and nowhere else.
That will remove the breadcrumbs for all the posts that use template 5, not taking into account the category of them. With CSS something like that would not be possible, I can’t think of anything.
The category isn’t specified above the breadcrumbs, that would allow them to be targeted and removed only for certain categories.
You could use the solution in the code with the condition, that would work.
Hello,
The color loaded by default is added by the theme style.css. the code can be found here: https://www.screencast.com/t/iOu4vVmsC
The color can be changed using the theme colors section: https://www.screencast.com/t/pN92QTv0H7a
Thank you!
Hello,
That is the body background color you have set as grey. The mobile version shows the background. The containers on the mobile version cause the background to be visible on top of the image. You can add this custom css n your theme panel under the custom code section to change the background for mobile devices:L
@media(max-width:767px){
body{
background-color:white!important;
}
}
Thank you!
Hi Catalin, thanks for your reply.
.category-x .entry-crumbs{
display: none;
}
To hide it by category id works quite well for regular posts but unfortunately, as soon as I add smartlists within this category, it doesn’t respect this CSS. Any tips on how to do this with smartlists? Thanks in Advance!
Hello,
The background for the entire site can only be changed with custom css. Please try this code:
.td-main-content-wrap, .post{
background-color: #000000;
}
Thank you!
Hello,
The color change you are seeing is the default theme color which loads first and then your own custom color is applies. This is the way css works in cascades. This effect becomes more visible if you make speed optimization and move the css load to the page footer. We cannot say for sure about the logo until we can inspect the site though.
Thank you!
Hi,
When a background is set in the theme panel it will be set as a class and loaded with afferent CSS code automatically
– https://www.screencast.com/t/jeq7p7hwY
In the website you provided this is missing, so it seems you have set the background with CSS manually, that would work as well.
Thanks
Hi there all,
I also tried the new Gutenberg in my site and all the web is working fine except for the composer which BTW you cannot edit (its all a CSS). Hopefully the Tagdiv people are working in make it work, because the wordpress 5.0 is getting close to release day
Hello,
there is any fast way maybe add some CSS code that help me to justify all the web site text
I tried this but i think that is not working
p {
text-align:justify;
}
Thank you
Tables are not normally responsive in WordPress unless you add some CSS.
So, you can simply add CSS like
.table{width:98%}
table{width:98%}
Perfect. Can you suggest a good tutorial on CSS? 75% of my questions are CSS. I understand what you are doing somewhat when I see your code but how do I find the elements to edit?
thanks
Hey guys, great work on the theme as always. http://www.thestyledivision.com
1) I was wondering is there any way to increase the width of the theme as currently it’s limited to 1020px width and it doesn’t look right on bigger screens. If I have to get a developer to change CSS sitewide, will these changes stay even after future updates?

2) Instagram footer doesn’t always work. Sometimes images load fine, sometimes error.

3) TD Composer shows blank page. I’ve cleared caches and updated .htaccess but no change.

Yes I couldn’t find the corresponding CSS in the style.css file …
Hi,
I have checked your website and it seems to work as expected, as you can see here -> https://www.screencast.com/t/ySBeutNM Your CSS source seems to be loaded as expected. Please ensure that your system status requirements to be according to our documentation from here -> https://forum.tagdiv.com/requirements-for-newspaper/
Thanks for your understanding!
Change it how exactly? maybe it is possible with some CSS. I will try to help you if possible.
Hello Daragh,
Sorry, but there is no simple solution to this request. the best option is to go in manually and set them to open in a new tab. You cannot make all links open in a new tab with CSS. It has to be done by coding it and checking so the code does not affect any other links as well. It could create more problems than solutions.
Each block is made out of modules. Big grids included. Here is a list of which module is used on which block/grid: https://forum.tagdiv.com/theme-blocks-modules/
The module files can be found under the main theme folder/includes/modules.
Thanks for your understanding!
Hi,
That is unusual, so you want to display the whole page content aligned to the left, in the whole website.
By a theme setting this would not be possible, the theme containers are designed to be centered.
Aligning the whole website to the left could be forced with CSS, but the design of some elements will probably be damaged or broken. So a foolproof solution is not available unfortunately. Sorry for the inconvenience.
Thanks
Hi,
There is a CSS solution in this topic for the review stars color
– https://forum.tagdiv.com/topic/newspaper-is-not-available/
If you use Cloud post templates, these have settings to color the stars
– https://www.screencast.com/t/r82ufUeRbN
Thanks
Hi,
Yes you can with some CSS. Like this for example
– https://www.screencast.com/t/ndTv10XdFLX
Enter this code in Theme panel->Mobile theme->Custom CSS code
.td-footer-description {
display: none;
}
Hi,
A quick fix is to increase the line height, with a code like this
– http://prntscr.com/kdru53
Enter the code in Theme panel->Custom CSS code section
.home .td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 200px;
}
Hi,
When you select a header style, the main menu animation changes. I want to have the header style 2 main menu animation with header style 1. Also I want to customize menu animation. I could not find where it is in the style.css file!?
Can you help me,
Thank you
Hi,
If you installed the demo without content, the demo homepage will not be provided. The design is imported, but it will only apply for the elements used to build the demo page.
Let’s take the top section of the demo you mention, the big grid and stretched row. The row contains a class set when the demo was built
– https://www.screencast.com/t/XYH6G0vnkxU
With class – https://www.screencast.com/t/eJrVjd9C
Without class – https://www.screencast.com/t/sl1J9PxBl
So you are missing the class “import_video_slider_bg”.
Of course this simple effect would be perfectly achievable in the CSS tab of the row, without the class, like this
– https://www.screencast.com/t/iPKionOiU9X4
This is exactly what the class does. Sets a negative margin top of “-48” and a padding top of “48”.
Despite installing the demo with no content and the homepage not being provided, you can copy the demo page content from the theme files and see how the page is built
– https://forum.tagdiv.com/topic/wish-about-the-demo/
Let me know if you have more questions.
Thanks