Hi, I tried this code and it worked:
.td-header-style-8 .td-style-8-logo-wrapper .td-logo img {
max-width: 60%;
}
.td-head-style8-logo-desktop {
margin-top: 7px;
}
But it makes the logo go below the navigation bar when the user scrolls down on the main site or mobile:


Here is the entire Custom CSS that I am using:
http://pastebin.com/aNVvdF3d
Hi,
Unfortunately this issue is normal because css code is apply in cascade so the css from above overwrite theme css so there is a delay and is visible. Please try to replace the above css code with this one and see if works better:
.td-header-style-7 .td-header-sp-logo img{
float: left;
}
Or this one:
.td-header-style-7 .td-header-sp-logo img {
right: auto;
margin: 0px;
}
I’m not sure if this will help because like I said it will be a delay when css code will overwrite.
Thanks!
Hi,
Please also provide your site’s URL so I can check it. Send it via email at contact@tagdiv.com if you don’t want to make it public.
The td_inspect_scripts() function returns a list of registered css and js from your site.
You could try to play with the priority, if it doesn’t return all js – http://screencast.com/t/7fhfjttAT8
http://codex.wordpress.org/Function_Reference/add_action
Thanks
Hi,
Like you can see in Custom typography there is an option to set font only for default page template. So when you have text content that template should be used. The other page templates(you use Homepage Blank – http://fashionview.gr/ ) are recommended to be used pagebuilder content like you can see in our documentation: https://forum.tagdiv.com/page-templates/
We will change Theme Fonts in version 5 of the theme and will be added more options there, till then please try this custom css in Theme Panel > Custom Css so it will change font family for paragraph(it should change even if you use another page template than default): http://screencast.com/t/b5VfVlvV
body,p {
font-family: Open Sans;
}
About Blockquote please check your page as there is added some css in the backend and overwrite Open Sans font: http://screencast.com/t/YMlkDEyB6V
In this page your font is applied: http://screencast.com/t/9bwsRUj39B0
You use pages instead of using posts for text content and pictures that’s why you have some issues with fonts. You can do that, but it will be more easily to use posts to write your articles(set fonts for title and content – http://screencast.com/t/VR5BI1efbPn) as pages are used especially for Page builder – add elements via Visual Composer.
Hope this helps to solve these issues!
Hi,
This is the site: http://news.kfupm.edu.sa/site/
I set the font for post titles (all styles) and for menus and page title.
I added this in custom css:
@font-face {
font-family: 'droid_arabic_kufibold';
src: url('DroidKufi-Bold-webfont.eot');
src: url('DroidKufi-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('DroidKufi-Bold-webfont.woff2') format('woff2'),
url('DroidKufi-Bold-webfont.woff') format('woff'),
url('DroidKufi-Bold-webfont.ttf') format('truetype'),
url('DroidKufi-Bold-webfont.svg#droid_arabic_kufibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'droid_arabic_kufiregular';
src: url('DroidKufi-Regular-webfont.eot');
src: url('DroidKufi-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('DroidKufi-Regular-webfont.woff2') format('woff2'),
url('DroidKufi-Regular-webfont.woff') format('woff'),
url('DroidKufi-Regular-webfont.ttf') format('truetype'),
url('DroidKufi-Regular-webfont.svg#droid_arabic_kufiregular') format('svg');
font-weight: normal;
font-style: normal;
}
Hi,
You can customize with css code and apply this for all tables: http://screencast.com/t/dbhm5cOFv06
table, th, td {
border: 3px double red;
}
Just add the code in Theme Panel > Custom Css: http://screencast.com/t/iS53asKg and change the values how you like, here you can see more css for border: http://www.w3schools.com/css/css_border.asp
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
I have checked your site again and that solution with css code is apply also on modules: http://screencast.com/t/GflLe2JD1OA you need to add an extra class to the paragraph like I suggested above – http://screencast.com/t/UUnBgX4R37zF and after use that css code something like this:
p.yourclass {
background-color: red;
margin: 0px;
padding-top: 5px;
}
Or you can follow the above solution: https://forum.tagdiv.com/topic/top-header-banner-howto/
Thanks!
Hi,
Please make sure that your Social Counter plugin is updated to the latest version 2.9 and you follow this guide to set it: https://forum.tagdiv.com/how-to-manage-the-social-counter/
If you need to update the plugin you ca find it in theme files that you downloaded from themeforest in /plugins folder.
You can use the tagDiv Speed Booster plugin to move the css and js at the bottom of the page avoiding the page render blocking: https://forum.tagdiv.com/how-to-make-the-site-faster/ – https://forum.tagdiv.com/pagespeed-guide/
Please check Revolution Slider documentation if you want to use it: http://revolution.themepunch.com/documentation/
Thanks!
Hi,
You can use this css and change those values like you need: http://screencast.com/t/E43aNWYr
.td-header-style-8 .td-style-8-logo-wrapper .td-logo img {
max-width: 50%;
}
.td-head-style8-logo-desktop {
margin-top: 15px;
}
Thanks!
Before I used this to hide the submemu:
.td-category-page-subcats {
display: none;
}
Now it is there in the custom CSS but it is not working. anything changed in the new version that it still shows? Can you help me resolve this? I don’t want the submenu to show when you click a link on the main menu. Please, see example in http://www.wpbmagazine.com/lifestyle/
Thanks
Pedro
Okay thank you!
I have implemented everything in your optimization post now.
I have also minified the css files. Now my page speed is 82, but I guess Google Adsense is causing a lot most of the problems in terms of page speed.
Two questions: How can I minify the HTML and compress this image images/icons/newsmag.svg?
I would also like to exchange Roboto Condensed to the font I am using, Lato. I don’t want the theme to fetch Roboto Condensed from fonts.googleapis.com.
Thanks for the feedback!
Made the change but it doesn’t have any effect. Pagespeed Insight give still the above recommendations.
If the “td-inspect-scripts” in functions.php indicates;
google-font-rest |
td-bootstrap |
td-theme |
Doesn’t it mean that those CSS style are moved to the footer? (the fact that it indicates the ID but after the | no further reference)
Hi,
The gallery waits for the script to load however this should not behave like this. We have this on our attention and we will try to find a solution until version 5 update.
You can work around this by using this custom css in theme panel > custom css section:
.post_galery_slide_1 {
overflow: hidden;
}
Thais will hide the images until the gallery script loads.
Thanks
Hello,
I am struggling to raise my page speed score on Google.
When testing my site at the page speed insight tool I get 80 on desktop and 49 on mobile.
I have read the speed guide and everything in your knowledge database, but can’t get a page speed above 80. I would really like to have more than 85 at least.
Somehow I have a lot of rendering blocking css files. How can I get rid of them?
Also I am using the Font “Lato” instead of Roboto Condensed, but my website is still fetching Roboto Condensed…
Thanks for your feedback!
Hi,
This error is from a plugin that you use plugins/wpclef/ and is not related to the page that you want to create. Please disable that plugin and see if you still have this error.
You can set your sidebar for your post and categories from Theme Panel > Template Settings: http://screencast.com/t/Z4BvywCSse1 and add widgets to it from Widgets section: http://screencast.com/t/rDrG16SmpZk
There will be added smart sidebar feature on Newspaper ver.5
Thanks!
Hi,
1. Now I see your issue with header ad. If you don’t want to use header ad please remove also the code from that section and that space will be removed.
If you want to use header ad on mobile devices I can help you with custom css to hide that space for different sizes of screen using media queries.
2. For example I see that you use post style 8 for your articles. So if you comment or delete title from the code for this template – http://screencast.com/t/iddm2vcxxVW you can use another post styles where the title will be visible(those are not affected by your change in template 8): http://screencast.com/t/Am58acxL9jQ1
3. Replied via email.
Hope this helps!
Hi do i just edit this within the css page.
As with any default page i create i am having the same issues.
Hi Alin,
Am referring to a page with all the authors listed on it. The 2nd part is what i need tried doing what you have told me to in the custom css and “If you want a page with all of your authors you can create one: http://screencast.com/t/NlTv6uCjkR also if you want ”
But after that i get an error –
+
Warning: Cannot modify header information – headers already sent by (output started at /home/spuri/public_html/gadgetbridge.com/wp-content/themes/Newspaper/includes/shortcodes/td_authors.php:1) in /home/spuri/public_html/gadgetbridge.com/wp-content/plugins/wpclef/includes/lib/wp-session/class-wp-session.php on line 124
As for the sidebar i want the whole sidebar to appear on categories page and the posts page, like the one i have on homepage. If you see the home page has sidebar till bottom and categories and posts have just the top half.
Also is there a way to make the sidebar sticky like found on the newsmag theme.
Hi,
Please try this custom css: http://screencast.com/t/0JjTLjc6
.single .td-g-rec-id-custom_ad_1 {
margin-bottom: 0px;
}
.single footer .td-social-like-tweet {
margin-bottom: 10px;
}
If you refer to the like button, this is changing according to the user language on facebook – http://screencast.com/t/rxTcru9b
Thanks!
Hi,
I have checked you test page and I found that this issue is caused by this padding: http://screencast.com/t/kWXaWYEYd – http://screencast.com/t/JDaZZN8lBz – http://screencast.com/t/M9YwJ7hQoZa4
So if you created a new page template try to solve that css.
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css to remove spaces: http://screencast.com/t/ykRDYlNbQj9 – http://screencast.com/t/rsscO8XrU
.et_monarch .et_social_inline_top {
margin-bottom: 0px;
}
.et_monarch .et_social_inline_bottom {
margin-top: 0px;
}
.single .td-post-content .post {
padding-bottom: 0px;
}
.td-g-rec-id-content_bottom .adsbygoogle {
margin-bottom: 0px;
}
.td-social-like-tweet ul, .td-social-sharing {
margin: 0px;
}
To change the order of the like buttons please make this change: http://screencast.com/t/SnGvC0no
Result: http://screencast.com/t/j22YsTMa083s
Unfortunately the bottom ad is in the content and it cannot be moved so easily, but you can paste the code in a custom ad(don’t use bottom ad anymore), edit you post template that you need and echo your custom ad there after the like buttons: http://screencast.com/t/n4wZ6esrtEsq
<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]'); ?>
Result: http://screencast.com/t/JceFCM9NT7
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
-
This reply was modified 11 years by
Alin [tagDiv].
I’ve added compression and browser caching to .htaccess I’ve ran another pagespeed test and now it shows “only”;
http://fonts.googleapis.com/…ed:400italic,700italic,400,700?ver=4.6.2
http://<mydomain>.com/…nal/bootstrap/td-bootstrap.css?ver=4.6.2
http://<mydomain>.com/…ent/themes/Newspaper/style.css?ver=4.6.2
So forget my remarks above about JS but how do I get rid of the css’s above the line? Especially that google-font thing is annoying me;-)
Hi,
Unfortunately you will need custom modifications to disable mobile version as the Newspaper theme was designed with an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens.
You can try this custom css for Top Rated section if you like:
-for phone screen: http://screencast.com/t/YSK0A1LJm5Ju
@media (max-width: 768px){
.aps-wd-products li {
width: inherit !important;
float: none;
}
}
-for tablets: http://screencast.com/t/q6afyieM
@media (min-width: 768px) and (max-width: 1018px){
.aps-wd-products li {
width: inherit !important;
}
}
Thanks!
Lucian,
The instructions are clear and it works. Thanks for your help.
But still I’m wondering why the following code isn’t moved to the footer. Below a snapshot of what pagespeed insight is saying;
http://ajax.googleapis.com/…s/jquery/1.11.1/jquery.min.js?ver=1.11.1
http://<mydomain>.com/…es/Newspaper/js/td_external.js?ver=4.6.2
http://<mydomain>.com/…s/Newspaper/js/min/site.min.js?ver=4.6.2
http://<mydomain>.com/…cludes/js/comment-reply.min.js?ver=4.1.1
http://fonts.googleapis.com/…ed:400italic,700italic,400,700?ver=4.6.2
http://<mydomain>.com/…nal/bootstrap/td-bootstrap.css?ver=4.6.2
http://<mydomain>.com/…ent/themes/Newspaper/style.css?ver=4.6.2
http://<mydomain>.com/…ssets/css/essb-sidebar.min.css?ver=4.6.2
http://fb.creoworx.com/…lat-retina/easy-social-share-buttons.css
I’ve identified the ID’s added the ID’s to the Speed-Booster “move-to” instruction plugin.
The screenshot after the adaptations in functions.php shows:
registered scripts
admin-bar | /wp-includes/js/admin-bar.min.js
td-external | http://<mydomain>.com/wp-content/themes/Newspaper/js/td_external.js
td-site-min | http://<mydomain>.com/wp-content/themes/Newspaper/js/min/site.min.js
jquery | http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
easy-social-share-buttons-sidebar |
boxes | http://<mydomain>.com/wp-content/plugins/wordpress-seo/css/adminbar.min.css
google-font-rest |
td-bootstrap |
td-theme |
But Pagespeed Insight is still complaining about it. To me it seems that the JS code isn’t moved even-though I’ve added it to the speed-booster plugin php. “easy-social-share-buttons-sidebar” and “td-bootstrap” are moved but still pagespeed is mentioning it. What can I do?
Hi,
This could happen if you use speed booster plugin and lots of plugins or your server response time is high. The speed booster plugin moves js/css resource files to the footer so js scripts or css stylesheets will load later therefore creating this unstyled gallery while the style file is loading. Please make sure that you use the latest version of Speed Booster plugin(3.2)
Please try this without any other plugins.
– leave just the VC and the speed booster plugin active
– make sure you empty all caches
– purge files if you use CDN host
Thanks!