- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello Brain916,
Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.entry-content {
padding-left:25px;
}
The result you should see here -> http://screencast.com/t/s7XMboiICxwZ
Thank you for the message!
Hello,
You can follow this topic to see how it can be done: https://forum.tagdiv.com/topic/linkedin-button/
From the same file you have to add the linked in button, you can remove other ones.
Unfortunately this method does not apply 100% anymore. It will require a bit of css adjustments.
I hope this helps.
Thank you!
Hello,
The space between the text and the images can be increased when editing your post. You can add a space element between the image and the text using a wp space element: ‘nbsp’ or a html br element: http://www.w3schools.com/tags/tag_br.asp
The caption can be targeted with css like so:
.wp-caption-text, .wp-caption-dd{
font-size:12px!important;
}
Thank you!
Hello,
You will need to wrapt the iframe in a bit of html before you can align it. Please insert your iframe like so:
<div id="all">
<div class="sub">
<iframe src="https://www.kickstarter.com/projects/338597945/fleet-commander-genesis/widget/card.html?v=2" width="220" height="420" frameborder="0" scrolling="no">></iframe></div>
</div>
And then use this custom css code:
#all{
width:100%;
float:left;
text-align:center;
}
div.sub, iframe {
margin: 0 auto;
}
Thank you!
Hello Koznazna,
Please replace the above code, that I gave you this morning, with the below code in your Theme panel->Custom CSS area.
.td-module-meta-info {
display: inline-flex;
}
.td-post-source-via {
padding-left:10px;
}
The result you should see here -> http://screencast.com/t/1VtFDVVwOKux
Hope this helps and let us know how it goes!
Thank you for the message!
Hello eduardopfreire,
Please try the code below and place it in Theme panel->Custom CSS area.
@media (max-width: 767px){
.td_block_big_grid_5 .td-big-grid-post {
padding-top:0px;
}
.td_block_big_grid_4 {
padding-bottom: 45px;
}
.td_block_big_grid_4 .td-big-grid-post:first-child {
padding-bottom:0px;
}
}
The result -> http://screencast.com/t/d7vdujKCO
Hope this helps!
Thank you for the message!
Hello,
Or you can use css to avoid replace this code every update.
.category-25 .td-g-rec-id-content_inlineright
.td-g-rec-id-content_bottom
{
display: none!important;
visibility:hidden!important; }
25 = ID number of category
Enjoy!
Hello sporkhc,
If you want to hide a block title you have to use a bit of CSS to hide it. Please try the code below and add it in Theme panel->Custom CSS area like this -> http://screencast.com/t/Vhqr66pCMChx
The code is ->
.block-title {
display:none;
}
If you want to hide the title only for a block, you have to target it and put it before the above code that I gave you. (for example .td_block_1)
Please notice that you have used Ajax filter from Blocks settings you have to do a bit of CSS to increase the padding top of the block for a better look. (-> padding-top: 32px)
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Hope this helps!
Thank you for the message!
Hello factoryitalia,
If you want to change the text color from the button, you have to use the code below and add it in Theme panel->Custom CSS area.
.woocommerce .product a.button {
color:blue;
}
The result -> http://screencast.com/t/NV7USQvCs0Rf
If is not what you mean, please provide more details about what you want to achieve so I will be able to provide a more accurate response.
Thank you for the message!
Hello Koznazna,
You have to put the code in your Theme panel->Custom CSS area, like this -> http://screencast.com/t/bpSDnJ1YeeK
If is not what you mean, please provide more details about what you want to achieve because I did not understand very well.
Thank you for the message!
And also i found that moving those css to head part will solve a w3 validation issue also.
Hi
Try this css in theme panel > custom code > custom css:
.page-id-6639 .td-header-border:before, .page-id-6639 .td-container-border:after{
background-color: grey!important;
}
.page-id-6639 .td-pb-row [class*="td-pb-span"],
.page-id-6639 .td-container, .page-id-6639 .wpb_row, .page-id-6639 .wpb_content_element {
border-color: grey!important;
}
Thanks!
Hello Sophie,
Unfortunately, this is the ‘problem’ about cropping system. Our theme uses the system of cropping from center to top. The theme uses thumbs to reduce the page size and speed up page loading time. From each image uploaded are generated thumbs for each thumb size used by the theme. Basically, when a post it’s displayed on the page in a block, the featured image displayed is not the one which you uploaded in the media file, it’s a thumb cropped from the original image at the precise dimension. To change the picture orientation most likely you will need a different cropping system. We use a WordPress function – add_image_size() – you can read about it here – https://codex.wordpress.org/Function_Reference/add_image_size – and here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Our theme crop (cut) thumbnails in some cases to avoid creating a lot of thumbnails in order to reduce to load more spaces on the server. I did some investigation on my side and I did a little digging into this matter. Please try to use a bit of CSS and add it in Theme panel->Custom CSS area.
.td_block_big_grid_1 .td_module_mx5 img {
transform: translate(0px,-45px);
}
The result -> http://screencast.com/t/oEskkp8APTeg
Hope this helps!
Thank you for the message!
Hi,
Cloudflare cache should work as long as you don’t change the query on each request. You could use the browser Network tool(on Chrome) to check if a file is cached – http://screencast.com/t/pOS62ffqR0L
The version query is present on all wordpress themes, it’s not a specific Newspaper behavior.
If your query string is changed on each request check the plugins, you may have one which does that.
Some proxies may be set not to cache links which come with query strings, but if you use cloudflare you shouldn’t worry about this.
Speed booster is not related to proxy or caching, it just moves the css and js at the page bottom. To avoid any possible conflict we added a check which enables it only for the plugins with which it was tested. You could try to enable it for all plugins, for this just delete or comment the following code – http://screencast.com/t/RZLIOPUNdqh
Thank you!
-
This reply was modified 10 years by
Emil G.
Hello larceny,
If you want to have the ultimate update, it is necessary to replace only the files that are changed and style.css file.
The child theme saves you a few updates but please notice that it no replace in totality the updates. When the update is coming, please ensure what kind of files are changed and if the files are exactly those that you have in your child theme you have to customize again your child theme.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello Koznazna,
Please try the code below and add it in Theme panel->Custom CSS area.
.td-post-source-via {
display:inline-table;
padding-left:10px;
}
.td-post-small-box a {
color: #f8f8f8;
}
The result you should see here -> http://screencast.com/t/L7FXoK7iH
If you want to use more than one post template, you have to change every core file.
Thank you for the message!
I’m not having any issues in EDGE including your website loaded immediately.
Be sure to clear your caching in Edge if you switched themes and CSS.
Thanks Bogdan
The plugin describes;
One common question I get asked alot is how to find the correct information to put in the “CSS of Menu To Hide” option box inside the Responsive Menu admin options page.
Hello,
The font from a textblock in visual composer is affected by the body font: http://screencast.com/t/tbpdkUnr but it will only get the font family. The size will have to be added with custom css like so:
.wpb_text_column p{
font-size: 20px;
}
I hope this helps.
Thank you!
Hi
Try this css in theme panel > custom code > custom css:
.td_block_big_grid_4 .td-post-date{
display: none;
}
Thanks!
Hello renai42
In this case, depends from which version you have done the update. This CSS comes from the theme and has the role to give display:none for any empty paragraphs. Please ensure that you did not have any empty paragraph in your article…check your TEXT editor from the panel -> http://screencast.com/t/8j9b5oQNZ and looking for these tags
. This problem you can resolve with the CSS that I gave you above and if you not found this you can send us an email at contact@tagdiv.com with your log-in information so we can further inspect the page set up. Please copy/paste this link in the e-mail so we can know who are you and what the issue is.
Hope this helps and let us know how it goes!
Thank you for the message!
These two of mine same as yours

I do not want to exclude them. The thing that i want calling together accordingto given example im my question.
Regards
Hi everybody,
any idea how to fix my product page? http://www.screencast.com/t/4LudqIgNAId5
It looks diferrent on Newspaper demo page.
My product page is missing tabs, positions are wrong,..
Thank you.
I am doing an audit on developper tools of chrome.
As a result i have these.

in the put css in the document head part i have these css files ;
1 – https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,700&ver=6.6.3
2 – https://fonts.googleapis.com/css?family=Roboto:500,400italic,700,500italic,400,300&ver=6.6.3
3 – https://www.estambul.net/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.6.3
4 – https://www.estambul.net/wp-content/plugins/font-awesome-4-menus/css/font-awesome.min.css?ver=6.6.3
I understand that last two comes from plugin.
Another thing i have
Optimize the order of styles and scripts (4)
The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.
js_composer.min.css
style.css
2 inline script blocks were found in the head between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.
I hope it clears my question.
Hello,
Please try using this custom css:
.widget_nav_menu li:hover a{
color:red!important
}
Thank you!