- 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 carmene,
Please try the code below and add it in Theme panel->Custom CSS area.
.g-plus {
width:60px!important;
}
The result -> http://screencast.com/t/E8PrJxt6xU
Hope this helps!
Thank you for the message!
Hello carmene,
Please try the code below and add it in Theme panel->Custom CSS area.
.td-footer-wrapper {
padding-top:32px;
}
.td-footer-bottom-full {
padding-top: 25px;
}
The result -> http://screencast.com/t/R43gDiNN6
Thank you for the message!
Hello,
I have checked your website and saw that you use a h6 instead of paragraphs. Please try to use normal paragraphs before removing the space from the caption. If you still have this issue, you can use this custom css to remove the margins from the caption text:
.wp-caption-text{
margin: 1px 1px 0 1px!important;
}
Thank you!
Hello schindyguy,
The simplest way is to hide this feature is with a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/sFeqoY3tMFt
.td-category-pulldown-filter {
display:none;
}
The result -> http://screencast.com/t/CILyFQI9k
If you want to remove this, it is necessary to alter the td_category_template.php, like this->
http://screencast.com/t/UWdGmBVAVodR
Hope this helps and let us know how it goes!
Thank you for the message!
How to minify style.css in Newspaper theme?
Hi
The theme code was tested and optimized for best performance, we have a lot of clients and the theme works well on a large variety of hosts.
First please make sure that you use the recommended server configuration for Newspaper theme, you can check our documentation for more details: https://forum.tagdiv.com/requirements-for-newspaper/
There are lots of factors that influence the site’s page-sped. I suggest you first try this without any other plugins active, leave just VC plugin active the check again. To improve the loading speed look the mysql query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html we also use it on our demo.
Also you can use the speed booster to move the js and css at the bottom of the page, eliminate render-blocking, but not for all plugins. Check the System Status if the speed booster is active if you use other plugins than the tested ones. You can find some useful information regrading speed booster usage in this topic: https://forum.tagdiv.com/topic/speed-booster-questions/
Also you can read this guide, it may help – https://forum.tagdiv.com/how-to-make-the-site-faster/
Hope this help.
Thanks!
Hello Catalin,
Thanks for your revert !
Just let me know the CSS Class code of how to hide these buttons on the devices where the top bar is visible. Rest regarding the button design i will manage it at my end.
Hi
The theme wasn’t designed to use Visual Composer on post content so it’s possible to appear some issue with the layout in that situation. Try this css in theme panel > custom code > custom css and if the problem persit please provide a link so we can inspect it closer:
.wpb_text_column p{
margin-bottom: 26px;
}
Thanks!
Hello sid,
Note that the Speed Booster plugin disable itself when an incompatible plugin it’s installed. We added this measure to avoid conflicts with the plugins that won’t allow to move their CSS/js resources at page bottom. Check in System status if the plugin is active: http://screencast.com/t/slBN4kNf To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh You can check this topic for more information about speed booster usage: https://forum.tagdiv.com/topic/speed-booster-questions/ Please ensure you have removed on have commented the correct snippet of the code.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello rishab55555,
Unfortunately, our theme does not have a simple option to add the desired button as you wish from the panel. For achieving this, it is necessary to have a good knowledge of CSS and HTML. Please noticed that is not a simple task and is required custom work. You have to make 2 custom classes for your buttons and you have to insert it in header_style used by you. Below I gave you an example for header_style 3, where you should do these classes, like this -> http://screencast.com/t/tA2WGUxqwxM2 and the result you should see here -> http://screencast.com/t/RK9VkJstUwOT
After these changes, you have to make some customization for a better look and implement on your buttons the functionality of your plugin that you are using for your English/Hindi language.
If you are not aware, about the steps on this regard, please consider hiring a freelancer/developer to implement this for your because we cannot provide custom work at the moment, sorry!
Hope this helps!
Thank you for your understanding!
Hello,
You can use this custom css to adjust the size of the logo:
.td-logo img {
max-width: 55%;
padding-top: 46px;
}
result: http://screencast.com/t/iLE6Gouo2g
Thank you!
I found the problem of number 3. There are some <link> at the end of the html file.
How i can show css on the header and js on the footer?
regards
after update last verison issue in font
in homepge firefox font fine
in homepage on chrome custom font not work
i don’t change anything in style.css file
screenshot firefox font work fine

screenshot chrome font not work fine

Hello JohanHur,
If you want to make a button, it is necessary to know a bit of CSS and HTML to implement this on your website. I suggest you take a look for this link http://www.w3schools.com/w3css/w3css_buttons.asp because here you should find a lot of information about buttons. Also, as the reference, you should consult all the tutorials of this website to improve your CSS/HTML knowledge. -> http://www.w3schools.com/ <- Hope this helps! Thank you for your understanding!
Hi
Our theme was built to respect the google standards in structured data regards and we didn’t do any tests with: https://validator.w3.org/ I’ve added this on our list and we will run some test to check if there is an incompatibility in html structure of the page. Meanwhile you can try to change or remove the role for search form by editing header-menu.php http://screencast.com/t/DzGjD3gLXF3
The pingback_url parameter should displays the pingback XML-RPC file url: http://screencast.com/t/l39D6FZuw9Q but in your case the url it’s empty. This issue could be caused by a plugin so you could try by deactivating all, leave just Visual Composer active, clear the cache ant test again.
Regarding the css errors these appear because it’s not recommended to use css code inside div tags.
The theme generate a custom css for each block, depending by user’s options, but this code cannot be included in style.css file. This problem it’s present on our demo too: http://screencast.com/t/UmG1YSWBEobU but does not affect the page load.
The theme use h3 tags for entry tiles but you can change that by modifying this functions: http://screencast.com/t/owy14wCxl
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hello factoryitalia,
Please try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/MJp9Jrh5Wd7
.woocommerce-checkout .woocommerce input.button, .woocommerce-page .woocommerce a.button, .woocommerce-account div.woocommerce .button {
background-color:pink;
padding:20px;
}
The result you should see here -> http://screencast.com/t/M1WGu2rtnq
Hello,
Thank you for appreciation!
1) You will need an image to set as a background image first. Uploiad it to your server and then use css to add it from the specified path. For example on header style 4:
.td-header-sp-recs{
background-image:url('http://www.pesches.com/wp-content/uploads/2014/03/15815-grass-material.jpg');
background-repeat:no-repeat;
background-position:50% 50%;
}
result:
http://screencast.com/t/7hmAKgLIF3
2) Please provide more details to how you want your sidebar to display. The sidebar is more complicated as it has the option for a sticky sidebar and in this case backgrounds an borders get overwritten by the sticky sidebar.
3)In order to set a background to your website you can use the background section in the theme panel:
https://forum.tagdiv.com/background-introduction/
Thank you!
Hi,
You will need to add your code to the theme panel->custom css code box as shown here: http://screencast.com/t/1DqminJxjZ
(Just paste the code inside the code box)
Thank you!
Hello sid,
1)If you want to reduce that space, you have to decrease the padding-top from the suitable container. Please try the code below and add it in Theme panel-Custom CSS area.
.td-main-page-wrap {
padding-top:40px;
}
2)Please ensure that you have a good network connection and also a good device wich can display your website (minimum requirements of the device). This kind of problem does not come from the theme, sorry.
3)Unfortunately, our theme does not have this option for Facebook, but you can do this with a plugin with this functionality (Facebook Comments). For more details about implementation, please check this topic ->
https://forum.tagdiv.com/topic/using-facebook-comments-plugin-and-changing-the-default-location/
Hope this helps and let us know how it goes!
Thank you for the message!
Hello,
Please provide a link to your website so we can inspect it and create the css code directly on your website.
Thank you!
Salut Bogdan,
You can change the grid style from the block settings here: http://screencast.com/t/eUpIF8Hz5d
you can see the different style behavior on our demo: http://demo.tagdiv.com/newspaper/big-grid-1/
Some grid styles have a darker tint set to them. You can use for example style 4 and if you do not want the title background color, you can set it to transparent using css.
Thank you!
Hello hcnsupport,
I’ve checked your website and I saw the difference. You should try the code below and place it in Theme panel->Advence CSS area->Ipad Portrait section, like this -> http://screencast.com/t/Up6y4wbG and see how it works.
@-moz-document url-prefix() {
.td-header-sp-recs img, .td-header-sp-recs .adsbygoogle {
top: -5px;
}
}
Hope this helps and let us know how it goes!
Thank you for the message!
Hello Carmen,
You can set the link color to dark red by adding this code in the theme panel – custom css box:
.widget a{
color:#931313
}
result: http://screencast.com/t/3EFKVVkWXi
Thank you!
Hello,
I saw you use the css within the advanced boxes (advanced css) If the code already contains the @media it means you have to place it in the custom css box or you have to remove the @media part if you want to use the advanced css. The @media specifies the screen size for which you want the code to apply. If the screen is specified 2 times, the code will not work properly.
Thank you!
Hi
I’ve checked your site and the like button it’s displayed fine now: http://screencast.com/t/dJ03P13dmU4 However if this happens again try this css in theme panel > custom code > custom css and increase the width as much is needed.
.td-classic-facebook iframe{
width: 121px!important;
}
Thanks!