- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts

1) How can I add margin space at the left and right side? All product images stick to the edge now.
2) Where can I move the “Discount” badge to the right on Mobile screen? (They are on the right corner when viewing on desktop), also where can I change the badge color?
3) Where can I change the “Add to Cart” button color?
Thank you!
Hi,
Yes, the inline css will do the work, is no need for css, if you want you can test it here -> https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe_height you can set the width 100% and it will adapt for all screens.
Thank you!
Hi,
Unfortunately for the moment our theme use the WhatsApp only on mobiles, but if you want to have it on desktop to, you can use this custom css:
.td-social-whatsapp{
display: inline-block;
}
The code need to be set in theme panel> custom code> custom css.
Please note that this will only display the WhatsApp share button on desktop, it will not work as WhatsApp Web app.
Thank you!
I want to make a child theme and insert AdSense short code to use it.
I created the / html / wp-content / themes / Newspaper-child folder and created the function.php and style.css files, but it doesn’t come up for selection in the theme design.
What should I do?
Another theme update and something goes wrong. Last time after update I lost my homepage. Now, I lost my logo all over the page :/
Are you going to solve the problem?
There is an css problem:
img[data-spai] {
opacity: 0;
}
Please :/
Thanks for the response,
But the is no way I can set this with CSS. Instead of working on each page everytime I post something. Thanks. Will appreciate
thanks, but, from css?
I am talking about the mobile theme plugin.
I use this custom css code now -> https://imgur.com/ro5oUQq
See revivemag.nl. -> https://imgur.com/aqYP7Nx
I want to hide the author name. And show the category tag correctly.
Like this -> https://imgur.com/yOXSmeW
We also want to change the search button in this -> https://imgur.com/WNQt0B2
Regards Sam
How to remove unused code in my website
For example- unused CSS, Script, https://www.youtube.com/iframe_api, https://s.ytimg.com/yts/jsbin/www-widgetapi-vflcS5aan/www-widgetapi.js
how to remove unused all code…
sir your providing link from another question I follow this step but not showing result in developer tool:-
please Solve it
My Website link:-
https://shayaristar.com/
Hi,
Without the css that you are using -> https://i.imgur.com/JmUqzkV.png the Quote will be -> https://i.imgur.com/yNFoS6s.png
If this is not what you mean, please provide some more details.
Thank you!
I am looking for a way to resize the iFrame according to the contents of the iFrame. Does inline CSS do that?
Hi,
I’ve try to but is look that this is not working with our theme, but you can use an inline css style -> https://i.imgur.com/R4p4drT.png this will solved the problem with iframe width and height.
Thank you!
Hi,
Unfortunately for the moment our theme use the WhatsApp only on mobiles, but if you want to have it on desktop to, you can use this custom css:
.td-social-whatsapp{
display: inline-block;
}
The code need to be set in theme panel> custom code> custom css.
Please note that this will only display the WhatsApp share button on desktop, it will not work as WhatsApp Web app.
Thank you!
Hello !
Please provide a link to your website. this can be fixed only by using css.
Thank you !
Hi,
If you want to remove only the categories from big grid on mobile, you can try this custom css
.page .td-big-grid-flex .td-post-category{
display: none;
}
The code need to be set in theme panel> custom code> custom css.
Thank you!
Hi,
This can be achieve only with a custom css
.td_block_9 .td_module_8 .item-details {
padding-bottom: 4px;
margin-bottom: 8px;
}
The margin an padding can be adjusted, also the code need to be set in theme panel > custom code> custom css
Thank you!
Hi, I’m trying to create a parallax effect for my home page.
I’m using wp-bakery visual composer.
in “Row settings” I have set:
parallax=simple
Image= image url
But the image is not shown, if i Put the same image url in “Row > option design” the image is showed but it has no parallax effect.
Why isn’t the image shown?
How can I create a parallax effect?
I tryed also to use a TD composer to create parallax effect but in:
Row > (CSS tab) Background image, if I add a Image from Library, theme show this error “Invalid data Current state has involved an issue. You could try an UNDO operation (CTRL+Z / CTRL+SHIFT+Z)”
I tryed to deactivate “tagDiv Cloud Library” but not solve
Can you give me an example of parallax, using wp-bakery or tag div composer?
Thankyou
Hi. Final article is here: https://www.hlidacstatu.cz/texty/kolik-by-stalo-dat-kazdemu-zakovi-vlastni-notebook-prekvapive-malo/
Attached is screenshot from editor
This is modified CSS from Custom CSS
/*
You can add your own CSS here.
Click the help icon above to learn more.
*/
.seriesmeta {
margin-bottom: 20px;
}
.tagdiv-type blockquote, .tagdiv-type blockquote p,
blockquote, blockquote.wp-block-quote p,
blockquote.is-style-large, blockquote.wp-block-quote.is-style-large p {
font-style: italic;
margin: 1.25em 0;
padding: 1.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
background:#ececec;
font-family: "Courier New", monospace;
overflow: auto;
font-size: 16px;
text-transform: none;
text-align: left;
}
.tagdiv-type blockquote.is-style-large, .tagdiv-type blockquote.is-style-large p,
blockquote.is-style-large, blockquote.wp-block-quote.is-style-large p {
font-size: 24px;
}
blockquote p:before, blockquote.wp-block-quote p:before,
blockquote.is-style-large p:before, blockquote.wp-block-quote.is-style-large p:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -3px;
top: -29px;
color: #7a7a7a;
font-family: "Times New Roman", Times, serif;
}
blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
blockquote.right {
float: right; width: 30%; min-width: 350px;
margin-left: 2em !important;
}
blockquote.left {
float: left; width: 30%; min-width: 350px;
margin-right: 2em !important;
}
blockquote.small {
font-size:75%;
margin: 0.9em 0;
padding: 0.9em 20px;
line-height: 1.3;
}
li.serieslist-li, li.serieslist-li-current {
overflow-x: hidden;
white-space: nowrap;
font-size: 12px;
padding-bottom:4px;
}
.seriesbox {
max-width: 300px;
}
Hi,
Unfortunately there is no option for this, the only think that you can do is to set a patting on link to make it bigger:
.td_block_slide .td-slide-meta a{
padding-top: 25%;
}
The code need to be set in theme panel> custom code> custom css.
Hope this will help!t only the post title is clickable,
Hi,
Thank you That section is referring to multi-purpose elements, like these headers or sub-footers -> https://i.imgur.com/bdYDKml.png -> https://i.imgur.com/upWHq5t.png using these elements you can display the extra elements from that section
Also now you can use cloud templates and you can set the element with tagDiv Composer where you like.
In order to change that image you’ll need to edit the homepage with tagDiv Composer, click on the row that hold the grid and check the css tab -> https://i.imgur.com/ZqaveHS.jpg
Thank you!
Hi,
You can use an icon for example -> https://www.flaticon.com/packs/countrys-flags -> https://www.w3schools.com/howto/howto_css_image_overlay_icon.asp
Thank you!
I have solved the issue, my own CSS caused the problem. Thank you.
Hi,
Unfortunately there is no setting for the standard post style to change the color of the tag, this can be done only with custom css ->
.td-tags a {
color: #fff;
}
The code need to be set in theme panel custom code > custom css.
As an alternative, you can use a single post template from tagDiv Cloud Library, this can be edited with tagDiv Composer and you can add/remove elements and style them.
-> https://i.imgur.com/loEfufO.png
Thank you!
Hi,
Please try this css
.td-instagram-main .td-instagram-element a, .td_block_pinterest .td-pinterest-wrap .td-pinterest-main-wrap a{
pointer-events: none;
}
This should remove the clickable from Instagram / Pinterest images/feeds.
Let me know the results!
Hello !
You can use CSS coding to style it to fit your taste. The code you create has to be inserted in here: https://www.screencast.com/t/J1Nxw5s5
Thank you !