- 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
You are using Litespeed server so the .htaccess part will not work.
1. The ideal way to enable compression in Litespeed is to do it through the configuration under “tuning”. Just go down to “enable compression” and check to see if it is on, if not click “edit” then choose to turn it on. While you are there, look over the several Gzip options that are nearby.
2. Use good image optimization plugin or use photoshop.
3. CloudFlare will help you to minfy CSS, JS and HTML
Hope this will help you to get better scores.
All the best!
Hi,
I’ve got the exact same problem.
Can we fix this problem by adding custom CSS in the meantime?
Well, if the bugfix will be done soon, then it’s OK though.
I have a similar problem. I want to set the alignment and color of the
. I can set the size, font family etc in the theme panel, but it still looks awful. http://www.landmisbrug.dk/2017/07/28/eksporten-af-europaeisk-svinekoed-forventes-at-falde/
I tried to tweak with styles.css but could not find the place to begin. Inspector said line 570, but that is not right.
Thanks
I just tried adding the custom CSS. Something is overriding it in the theme…
Hey guys,
I’m enjoying your theme a lot so far, so compliments for that! A quick question in between, do you have a good way to disable the ‘More Articles’ box on mobile devices? I would like to show it on desktops only (or at least on devises with screens bigger than 768px. I don’t really like hiding it with CSS, so I would like to know if there is a good alternative you can recommend.
Thanks in advance for the information and have a great weekend!
Hi,
One important thing.
In TD Composer, when I click ‘clear CSS settings’, everything gets fine. But, when I save it, the misalignments and gaps don’t go away!
Thanks,
A Kriti
Hi, Simion. Thanks for reply.. But can you help me which line exactly I must change..
I want that when users read on mobile the articles’ default blockquotes dont look UPPERCASE. I want to change it to normal text.
Which line, which code I must change for this.. on style.css or any other file I dont know..
Please help me.
Hi there,
I was wondering if it were possible to make a certain column transparent?
I’m using 2 different color overlays on the row and changing the column element to the same isn’t producing the same results due to the size difference I’m presuming.
Here’s the website in question (http://datapel.xyz/), if you scroll to the area bove the google maps you will see what I’m talking about.
Is there a CSS code I can enter that will assist me here?
Thanks for any help
Thank You Catalin, I have the matter resolved. I was not noticing the Inner Row block that solved everything. I do have two issues:
1) There is a white box on the YouTube block.(attached current TD composer pic). I had it on the visual composer widget as well before I switched over to 100% TD Composer (which I really Like).
2) I can not get the Single Image blocks to be responsive at all. I have tried to get the best setting as possible using the css tab, still not good on mobile at all.
Thanks
randyashburn.com
Might not help, but I usually do a custom CSS for mine, that way I can control indent, type of bullet point, space between bullet items, etc., and then I can also apply a class to each list like class="myolnoindent" or whatever.
Hi guys,
I’m still using Visual Composer for my site. I’m on Newspaper 8.0 and noticed that my Big Grid 7 within the Visual Composer editing field is now reduced to a short code as follows.
[td_block_big_grid_7 post_ids=”7872,1694,4357,781,3321,1736,6734″ tdc_css=””]
Did I miss something or have you discontinued this? I prefer to stick with Visual Composer than the TD Composer, but don’t want to be forced over to it (plus I already paid for the premium version of VC and I like Newspaper).
Thanks guys
Hello,
@luquerias, please notice that in style.css you will found the style of the front-end and in the editor-style.css you will find the style of your backend. So, if you want to hide this style for everything you should find this code and remove it from both files, clear all of your caches and check the results.
@Fausto, try to clear all of your caches and check the results.
Thanks for your understanding!
In https://themeforest.net/item/newspaper/5489609/comments posted the following comment:
—–
We have update our sites to V8.0 recently and came across the next problems/failures:
1./ In categories list display the PAGINATION STYLE ‘Infinite loading’ is not working anymore. Although the ‘spinner’ is shown NO new posts are loaded and shown.
2./ In the single post display (irrespective the chosen Style) the content area is displayed with the same width as the container, with the sidebar on top of the content. A small change in the style.css by isolating class .tdc-row (not defining width ) from the .td-container (container sections (line 445, 730, 838)) corrected this behavior.
—–
In addition to issue 1. Deactivated all non-TagDiv plugins to check on a possible Plugin conflict, but this did not help.
Hello ZIMM,
If you want to hide the social icons from top section, you should remove the link from Theme panel, Social Networks section, like this -> https://www.screencast.com/t/5USv4bu88
Also, if you want only the social top icons to be hidden, you can use a bit of CSS code to do this. Try the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-header-sp-top-widget{
display:none!important;
}
Thanks.
Hi,
You could try the solution from this topic
– https://forum.tagdiv.com/topic/change-mobile-theme-font/
Load the font like mentioned, and apply it with CSS for the needed elements.
Thanks
Hi TagDiv Team,
I’ve been your customer for 3 years. I’ve always like this theme, but I think it lacks something very important: Post customization
It’s good that you guys focus on visual appearance of theme, but post is an important area. To make the post interesting, we should be able to user different attention grabbing boxes, tables, impressive pros and cons tables product reviews, and so on. Take a look at this page for example: thankyourskin.com/how-to-get-rid-of-acne/ (notice boxes like ‘key takeaways’, ‘information box’, another boxes with built-in CSS and so on) and this: 10beasts.com/best-wireless-earbuds/ (they use thrivetheme and they offer built-in post customization options with custom tables, navigations, pros and cons.)
It would be great if you guys can build these and focus on post elements options. For posts like reviews, buying guides, these elements are very important. Visually appealing post also increases visitor’s average time on site. I hope you consider this in the upcoming updates.
Thank you!
Hi,
Please try the code provided below, enter it in Theme panel->Custom CSS section. It should remove the space that is created by the article bottom ad
– https://www.screencast.com/t/WdxX9TDUW
.td-a-rec-id-content_bottom img {
width:auto;
}
Thanks
Hello Catalin,
I have changed style.css but it seem not effect. This is because of cache or something else? Do you how to fix this?
Thanks,
Hi, I am trying to figure out how to edit the CSS so that my mega menus do not need scrolling.
Here is my site – https://odsonfb.com/
If you hover over “clinical” you’ll see you need to scroll through the categories, but no users understand that.
Can you help?
Thanks!
I did search/replace in the style.css so that ‘default’ fonts are the ones I wanted without touching the panel settings.
Hi, I know that there is not any option from theme panel. But I want you give me how to change this from CSS file.. Please..
Dear Simion,
Thank you so much for helping me – I am a complete beginner in wordpress, and themes – without your guidance and pointers I would be so left out!
Yes, navigation bar is now sticking – you are AWESOME!
Please guide me on another issue:
On my website:
http://www.injust.org
I want to have video background for each page –
Similar to this website from my class mate: worldviewpost.com
For instance,
Home Page – I want to set video1.mp4 as background and music1.mp3 as background music
Where both the files are say 30 second long and will loop.
Then, for
http://www.injust.org/category/world/
The background will be say video2.mp4 and background music will be music2.mp3
Then, further
Say,
http://www.injust.org/category/world/africa/
Will have another background say video3.mp4 and audio music3.mp3
And, Further:
The POST
http://www.injust.org/what-the-future-of-africa-looked-like-in-1959d/
I will put a video say videoofthepost.mp4 and audioofthepost.mp3
As the background video and audio
I have been reading and learning about css selectors and css way to do it
However, I do not want to break/crash tagdiv Newspaper Theme by something wrong, or open up a security hole
Therefore,
Please advice me on what code will enable this feature on my TagDiv Newspaper Theme.
Again,
My website, which I just started, and is running demo content, is here:
injust.org
And, to re-iterate, I want to have the background features similar to:
worldviewpost.com
Which, is run by my “jealous” classmate.
Again, Sir Simion, your expertise and guidance is of cardinal importance to me.
I am deeply grateful to you and TagDiv team for making such an awesome theme!
And, on top of that helping us [beginners] !!!
Yours truely,
Ahmad Touseef
Hello aliahmad,
Try to use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-post-author-name a{
pointer-events:none;
}
Thanks.
Hello caobteam,
I have inspected your website and I saw that you have changed the menu item background color from the panel. You should check the style.css file and replace the color value from here to avoid this flash effect, like this -> https://www.screencast.com/t/syvXsvojid3C
Thanks for the message!
Hello,
1) Sorry but custom ad spots can only be added on pages. The loop templates do not have ad spots in our theme. It can only be done with an ad plugin that can provide such functionality or by code customization.
2) Please add this code in the theme panel-> custom css box:
.td_ajax_load_more_js{
width:100%;
background-color:black;
}
3)Each big grid has it’s own style on mobile. Please check the mobile version of the different grids in our theme: https://demo.tagdiv.com/newspaper/big-grid-1/
You can change the current grid from the top right where it says 12 bog grids.
4) You can change the module to one that does not have a red more tag, or change the pagination to a standard one without read more. For categories, this can be set from the per category settings: https://www.screencast.com/t/xwQbbYkbh
For the tag template, the settings can be found here:
https://www.screencast.com/t/tgd9ed4UC
Thanks.
