- 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
Hello,
I’m not sure what the folder path is you exemplify. Our theme does not have a folder for css. The path to the newspaper theme fonts are https://www.screencast.com/t/wtp3iShll
In any case, the fonts cannot be accessed by a link in your browser. Only testers can access such links and as you expect, they become 404 pages because you should not access such links and you cannot do it from the browser. You cannot access a font directly in the browser. Css needs an url for the font but it cannot be accessed like a usual url.
Please do not alter the theme file structure for the proper functionality of the theme.
Thank you!
Hi,
Indeed, making any modification directly in the theme files will not be a long term solution. If possible a child theme should be used for that. There is a child theme provided in the theme package, this is a guide
– https://forum.tagdiv.com/the-child-theme-support-tutorial/
Not all theme files can be customized with it, the files that can be are mentioned in the guide. If it is required to modify a theme file that cannot be modified with a child theme, make the modification and back-up the respective file. After making an update replace the new file with the one you backed-up.
Be sure to check the theme changelog after an update
– https://forum.tagdiv.com/how-to-update-the-theme-2/
There will be a list of modified files. So for example if you modify a file (child theme or not) this modification might have to be made again, taking into consideration the modifications made to the original file after the update.
Custom CSS code (and other code) can also be entered in the theme panel custom code sections. Code entered in these sections will not be lost after a theme update, it is saved in the database of the website.
There is also a Live CSS feature that you can use for various CSS customization
– https://www.screencast.com/t/jX35QFGtPuO
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
In terms of backup you could use a server provide option if available, using plugins etc
– https://codex.wordpress.org/WordPress_Backups
There are also many online guides and tutorials
– http://www.wpbeginner.com/plugins/how-to-create-a-complete-wordpress-backup-for-free-with-backwpup/
Let us know if you have more questions, we will try our best to help you.
Thanks
Hello,
The stars are black by default. If you want them changed in gold, you can use this css code in the theme panel under custom code:
.td-icon-star, .td-icon-star-half, .td-icon-star-empty{
color:gold;
}
Thank you!
Alternatively I found this site http://css3buttongenerator.com/
How would I add a button to a page post using this?
Cheers
I’m trying to change the colour of the category background to something gradient, but in the TD composer it only gives me single colour choices.
I tried editing it in the custom css, but it wouldn’t change. Can I edit the css somewhere to change it from ‘background-color’ to ‘background:’
@Alicegreentree – From the changelog it was dealt with in v8.7.3
Version 8.7.3 – April 18th, 2018
new: font settins can now be saved as a preset and apply on all the blocks from tagDiv Composer easly
fix: pinteres board url
fix: facebook videos support now works again
fix: we updated to the latest instagram api, this should fix all the problems
fix: updated multipurpose plugin with fixes for: boarders, image settings, newsletter and font settings
fix: Big grid slider with no posts
fix: Various css fixes
fix: header ad when block template 17 is used
fix: gallery slider now works in pages as expected
fix: background click ad on template 8
fix: amp points and percents are working as expected now
fix: css fixes for trending now block
As the title says I cannot get the AMP plugin to work.
Going by googles AMP site test there is errors in the css.
Here is the test: http://www.gamersgreed.com/crash-bandicoot-n-sane-trilogy-easter-eggs-references/amp
The error states: The text inside tag ‘style amp-custom’ contains ‘CSS !important’, which is disallowed.
I’ve only added 4 custom css styles, all of which have no !important tag.
Could you please help me in locating the error? thanks
I see these errors when running a site test.
The following requests are returning 404/410 responses. Either fix the broken links, or remove the references to the non-existent resources.
https://www.interestinganswers.com/css/images/icons/newspaper.ttf?14
https://www.interestinganswers.com/css/images/icons/newspaper.woff?14
..
I found mention of these 2 files in the editor but don’t know what they are other than they are font related.
@font-face {
font-family: 'newspaper';
src: url('images/icons/newspaper.eot?14');
src: url('images/icons/newspaper.eot?14#iefix') format('embedded-opentype'), url('images/icons/newspaper.woff?14') format('woff'), url('images/icons/newspaper.ttf?14') format('truetype'), url('images/icons/newspaper.svg?14#newspaper') format('svg');
Any idea how I can clear this up?
I have a BIG problem.
I would like you read the whole text carefully, it is important.
I started my journey on wordpress a few months ago.
I installed the theme, some plugins, and I began to customize the css of the website without knowing that I would first have to create a child theme.
A few days ago a man told me that, with the first update of the theme, I will lost all my changes without a child theme.
So I looked for a guide to update the theme (it was recently released a new version) without losing the changes.
I installed a plugin to make the backup.
I made the backup, and following the same guide on the internet, I tried to install the new theme, without success.
Wanting to go back then I took my backup of the theme and installed it: what happened? The site crashed due to the td composer plugin, integrated into my theme (probably something went wrong in creating the backup).
After restoring the site thanks to the assistance of siteground, the majority of the categories and widgets disappeared; moreover, as if this were not enough, the td composer plugin (the pillar of my website), after being reinstalled, now is flickering when i try tu use it.
Now I’ve recreated the missing categories and widgets, but the fact remains that I absolutely have to learn how to update the theme without crashing the site or losing the changes.
So what would I like to do with your support? I would like to create a correct backup of the site and proceed to update the theme without losing even a personalization (and of course resolve the crashing and the flickering of td composer).
Hi!
I have changed some stuff in my CSS files and modules’ structure of my Newspaper. If I install this new version, will those changes disappear?
Thanks!
Hi Bogdan,
I never said we used css to hide the admin bar…
First we used Adminimize and then php code. The problem is with the theme css. I explained on my first post.
Tks
Hello Aline,
Please read the following topic from here -> https://wordpress.org/support/topic/how-to-fix-the-problem-your-connection-is-not-private/
Please make sure SSL is properly implemented on your site.
In order to properly implement SSL please follow these tutorials:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/
Hope this helps!
Thanks for the message!
Hello,
Please do not hide the admin bar using css. If you want to hide the admin bar, use php code to do so as you will break the css:
http://www.wpbeginner.com/wp-tutorials/how-to-disable-wordpress-admin-bar-for-all-users-except-administrators/
Thanks
i used menu color section but it is no work so i used css
Hello teknolojisk,
Try to use the code below and place it in Theme panel -> Custom CSS area.
.block-title span, .td-post-category {
color:red!important;
background-color:green!important;
}
The result is here -> https://www.screencast.com/t/EQKnGkNV
Thanks for your understanding!
Hi,
If we hide the admin bar on frontend for authors, the admin bar disappears but doing scroll the sticky menu doesn’t stay at top. It leaves a blank space where the admin bar was supposed to be.
We find out it was a theme css issue, and we made the following changes:
.admin-bar .td-header-menu-wrap.td-affix {
top:0;
}
That works well for authors but not for admins. The sticky menu now stays behind the admin bar. How can we workaround this?
Tks
Hello,
Sorry but there is no png image in the scroll up button. It is created exclusively with html and css. No external resources are being used.
Thanks.
Hello ljcarrico,
You should use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td_module_mx5 .td-module-title a{
color:red;
}
The result is here -> https://www.screencast.com/t/zajkSo8ggSrI
Thanks for the message!
Hello,
The implementation is correct. There is no other way to ad code to the post templates except for the post template files. Just make sure the code is correct and you do not get any errors, and use css classes so you can target the content with css for styling.
Thank you!
Hello,
If you want to change the main menu color, you do not need a custom css for it. Please use the theme colors section: https://www.screencast.com/t/vv5RcVxLPy
Thank you!
Hi folks,
I’m just about to finish creating a website with Newspaper and I want to have a full screen image on the homepage.
I’ve used the image block to do this, but there is a large gap of white space below the nav bar (see screenshot below).
Is there any CSS you can give me to reduce this?
The ideal situation is that the image sits nicely against the nav bar with no white space.
Thanks in advance.
Screenshot can be found here https://imgur.com/a/e5X5HQp
Hello Catalin
We have already disable the button that you have prompt to us but is not the correct !!!
The point that we have marked in our previous photo is not the button that you suggested…
Any other ideas???
If we wish to make any changes directly to the file structure how we can locate this template is any special file ? Is on page.php ? is at style.css ? Any help ??
Hello, I would like to change the Back to Top button which is currently an icon and some CSS to a transparent PNG. Might this be possible with some custom code that I can point to the PNG file?
Hello,
I’m not very familiar with php, but I want to add a disclosure to the loop-single.php code. I am using the Default Site Post Template, and this is the file that seems to map to that one.
What I want to do is add the disclosure right under the ‘By Author’ portion.
The code I am looking to add is as follows:
<div class=”custom-post-header-disclaimer”><div class=”custom-header-disclosure”>Disclosure</div>: This post may contain affiliate links, which means we may receive a commission if you click a link and purchase something that we have recommended. While clicking these links won’t cost you any extra money, they will help us keep this site up and running. Thank you for your support!)</div>
I will have additional CSS that will modify the styles as necessary. My goal is to have this disclaimer across all blogs on my whole site, without having to manually add it each time I use affiliate links.
Any assistance in modifying the above code to a more php friendly format, or another method of adding i t would be greatly appreciated. I currently do not have my staging environment setup, or I would just go see if I can paste the code in verbatim there.
Below is a screenshot of what I’m looking at doing.
<script async src=”//embedr.flickr.com/assets/client-code.js” charset=”utf-8″></script>
Thanks,
Buddy Baum
https://www.TrailingAway.com
Hello! how are you?
First of all nice theme!, really fast and really easy to use.
My problems are that I’m having trouble with tagdiv composer and with the theme panel.
1 • TagDiv composer: whenever I make a change on some element, the tagdiv composer shows the change, but when I click the “save” button it keeps on saving for eternity (like a loop). I go to my homepage and I see the changes but, tagdiv never stop saving, something is wrong here.
2 • Theme Panel: what’s happening here, is that it does not matter what changes I make, when I click the save button it does not save them. It says that the changes are saved but when I go to see the homepage (or the option I was working on) there’s no change. I tryed different things but the only thing that “makes it work” (not always) is to create a nonesense new css class like “.test { color:white }” and save the changes. Then I can see them on the web.
What could be happening? can you help me fix it? any help is appreciated. Thanks very much!