- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello,
Is there an option to increase the width of the main container from 1021px to 1300px. I tried with custom css but its breaking things up. Is there an option in the theme, usually in other themes that I worked with comes with this option to adjust the content width.
Thanks Catalin, that has done the job, but I certainly don’t have that custom CSS on my other site. I believe I loaded the travel demo and it came from there.
All good. Thankyou!!
thx
can i just remove this instead of commenting ?
//used to pull fonts from google
$td_fonts_css_files = ‘://fonts.googleapis.com/css?family=’ . td_fonts::get_google_fonts_names($unique_google_fonts_ids) . td_fonts::get_google_fonts_subset_query();
/*
* add the google link for fonts used by user
* td_fonts_css_files: holds the link to fonts.googleapis.com built above
* this section will appear in the header of the source of the page
*/
Hi,
You could remove the shadow below the header main menu, with a code like this
– https://www.screencast.com/t/2t8PExSTOsxF
Just enter the code in Theme panel->Custom Css
.td-header-gradient:before {
display: none;
}
Thanks
Hi,
Since upgrading to Newspaper 8.0 I am receiving mixed content warnings in my SSL. After going to the console it is the following that is causing the problem:
style.css Failed to load resource: the server responded with a status of 404 (Not Found)
jquery-migrate.min.js?ver=1.4.1&nocache=1:2 JQMIGRATE: Migrate is installed, version 1.4.1
(index):82 Mixed Content: The page at 'https://www.fantasyfootballpundit.com/new-transfers-fpl-player-prices/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:800&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese'. This request has been blocked; the content must be served over HTTPS.
(index):1 Mixed Content: The page at 'https://www.fantasyfootballpundit.com/new-transfers-fpl-player-prices/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:800&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese'. This request has been blocked; the content must be served over HTTPS.
style.css Failed to load resource: the server responded with a status of 404 (Not Found)
Is this an error with the latest update? As before I updated I didn’t have this issue.
If it isn’t an error how would I go about fixing this? I’m unable to find these specific links in my theme files.
Thank you.
Hello m1keb1ggs,
If you want to change the opacity value, you should use a bit of CSS code to do that. As a quick solution, you can use the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-newsmag-travel .td-container {
background-color: rgba(255, 255, 255, 0.4)!important;
}
Also, if you want to make this change in the core file, you should edit the style.css, change this class and modify the latest value for background color which is the value of opacity.
Thanks for your understanding!
Hi,
I see that you want to use different fonts for the text logo and tagline. These fonts will not apply if they are not loaded by the theme. If they were set through the theme panel for a section or item, they would appear for the header as well.
You could either use those fonts somewhere on the website, and then the code would apply. Like in this example
– https://www.screencast.com/t/6rO2D4Xr8c
– https://www.screencast.com/t/qvAziPRKDV
Or simply upload custom fonts in the theme panel, and use them wherever you like. Check the custom font section in this guide
– https://forum.tagdiv.com/font-customization/
Simply upload the woff font by following the instructions and use it
– https://www.screencast.com/t/rgZCPbRf
– https://www.screencast.com/t/GwwSCF2y
Additionally you can create different codes depending on device for different results, using the Advanced Css section in the theme panel. You can set a general font with the code you have, but don’t use a general font size.
Instead create different codes for the size depending on device, like this for example
– https://www.screencast.com/t/E1Cx33tv8
Thanks
Hello davidemorini,
For the post pages, you should use the code below and place it in Theme panel->Custom CSS Area.
.td-post-content div .td-all-devices{
margin-bottom:10px!important;
}
div.td-a-rec-id-sidebar > div {
margin-bottom: 15px!important;
}
The result you should see here -> https://www.screencast.com/t/4tDkdBS3dSBk
Thanks for your understanding!
Dear Newspaper Support Team,
I need Header Style 10 for the design of my site, which I needed to adapt using the custome CSS code below for font and size. Unfortunately, the result is not responsive and the appearance of the title on tablets and mobile does not adjust. How is it possible to make it responsive so that it automatically adjusts?
Thanks in advance.
.td-header-style-10 .td-logo-text-container .td-logo-text {
font-size: 60px;
font-family: “Crete Round”;
}
.td-header-style-10 .td-logo-text-container .td-tagline-text {
font-size: 25px;
font-family: “Great Vibes”;
}
Hello,
I installed google fonts locally (palanquin) in the custom fonts part of the theme.
However, after installing this, the theme is still loading some fonts which are slowing down the loading.
https://anonymster.com/wp-content/themes/Newspaper/images/icons/newspaper.woff?12(this is loaded twice on the page)
https://anonymster.com/wp-content/themes/Newspaper/images/icons/newspaper.woff?12
https://fonts.googleapis.com/css?family&ver=7.8 (this is loaded twice on the page)
https://fonts.googleapis.com/css?family&ver=7.8
This is adding a dramatic loading time to my site and can’t find much info on the forum about where to remove this in the theme.
Thanks for your help
Hi,
After further investigations it seems that this particular demo tat you have has a problem with the background ad functionality in the latest theme update. I have added the problem on our list, and it will be fixed as soon as possible. As a quick fix I could provide you a code that should make the background ad work, in theme version 8.
Please update the theme and enter this code in the Theme panel->Custom Css
@media (min-width: 1180px) {
.td-magazine.td-boxed-layout #td-outer-wrap {
width:auto;
}}
.td-boxed-layout .td-main-content-wrap {
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
}
I have tested this code and it is working for version 8. We are very sorry for this problem, and any inconvenience this might have caused for you. Please let us know if you still encounter issues in this matter, so we can provide you with a different solution.
Thank you for understanding!
Hi there,
I’m wanting to change the opacity and colour of the white that the content sits on, so I can partially see the background through it. I’ve done it before on another page I created (www.thegreatdayout.com.au), but I can’t for the life of me found where I did it. I wouldn’t have used custom CSS etc, so it must be in the Theme Panel somewhere. To clarify, its slightly transparent on all posts and pages.
Can someone please jog my memory?
Huge thank you! 🙂
Also, in addition to that css name, I have a question: I see in your link above (https://demo.tagdiv.com/newspaper/author-box/)…are these examples of additional author cards? I notice that the pictures are round and larger. How can I create this instead of using the rectangle author box with the standard thumbprint picture?
Hello All,
I uploaded my google fonts into /fonts/ in the root of the wordpress install.
I added the css generated by this tool in custom css.
May i know how can i tell the theme now to call those fonts locally instead of google server ? which file shall i modify ?
thx
/* palanquin-regular – latin */
@font-face {
font-family: ‘Palanquin’;
font-style: normal;
font-weight: 400;
src: url(‘../fonts/palanquin-v2-latin-regular.eot’); /* IE9 Compat Modes */
src: local(‘Palanquin Regular’), local(‘Palanquin-Regular’),
url(‘../fonts/palanquin-v2-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘../fonts/palanquin-v2-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘../fonts/palanquin-v2-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
url(‘../fonts/palanquin-v2-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘../fonts/palanquin-v2-latin-regular.svg#Palanquin’) format(‘svg’); /* Legacy iOS */
}
Hi
Tried it but menu hasn’t changed even after doing refresh and pages save.
Is there somewhere else I need to enable for CSS to work?
Thanks for this…it helped. Now I just have to do the same to adjust the size of the author url. What is the custom css name for the author url? Thanks!
Hello! I see in the Categories tab of the Theme panel that I am able to HIDE CATEGORY ON POST AND ON CATEGORY PAGES….but can I hide a category only on posts, but still have it visible on category pages? Is this possible with css? Thanks!
Hello,
Unfortunately this will be more complicated as not all of those calls are coming from the theme. The theme only has 2 css files. One for the main css and one for the demo. The other ones come from plugins and fonts. You cannot unite all of these css files into one single file because they are from different sources.
Thanks.
Hi Catalin – when I say animation – I mean a mouseover effect, so a gif won’t help! Some of the other blocks have a css hover effect, I’d like to add that to the blocks I’m using – is there an existing class I can add?
Hi,
I have few common page speed issues on my website. I am using w3total cache plugin and tag-speed-booster plugin but still google page speed tool shows few problems like Leverage browser caching, Eliminate render-blocking JavaScript and CSS in above-the-fold content, Minify CSS, Enable compression, Minify JavaScript and Minify HTML.
So kindly guide me how to fix this issues with proper code.
Hello davidemorini,
To manage the white spaces between your images you should use a bit of CSS code to decrease them. Try the code below and place it in Theme panel->Custom CSS Area.
The code is ->
.td-all-devices{
margin-bottom:10px!important;
}
The result -> https://www.screencast.com/t/PaVfHKuN
The is a quick solution int this regard.
Thanks for the message!
How to remove call for 11 different CSS into one CSS file?
I have created one single CSS file which includes the CSS codes from these files
http://prntscr.com/foahfv
Now how can I call only the new created css file which I have named as main.css
??
Thanks in Advance
Hello vasik,
I have inspected your website and I saw that for FireFOx browser the Header add disappears. Also, I have noticed that on your header wrap is applied an unknown class which has a rule with display: none, as you can see here -> https://www.screencast.com/t/Zs9JI0XNfJt7 You can try using the below code and place it in Theme panel->Custom CSS area, clear all the caches and check the results.
.td-header-ad-wrap{
display:block!important;
}
Also, if you are using some untested plugins (for emoji for example) please try to disable all of them, leave just only our tested plugins to be active, clear all the caches and check the results.
Thanks for the message!
Hi,
The theme uses it’s own font for images and other icons through the website
– https://www.screencast.com/t/yzx3kiGAWXTZ
If you made modifications in this matter, these icons will not display properly anymore. You can try to revert what modifications you made to the theme Css file and and others, then see if this fixes the issue. Use the Css file from your theme package, and replace the stylesheet that you modified.
Thanks
Hi,
I have embedded the video you mention in a post, and it looks like this for me
– https://www.screencast.com/t/phBSxMI4
– https://www.screencast.com/t/wOU64g8I
– https://www.screencast.com/t/CtYvyykj4yat
In your case there seems to be some custom code that is setting the twitter video to not have a max-width limit
– https://www.screencast.com/t/q44OZtYxN
If you would like to limit the video to 600px in height, you could try this code
– https://www.screencast.com/t/mwJajIrDDaJ
Just enter it in Theme panel->Custom Css
.single .twitter-video iframe,
.single .twitter-video {
height: 600px!important;
}
Thanks