- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello !
You can use this css code: .td-main-menu-logo img {
position: fixed
}
.td-search-icon{
position:fixed;
}
The code must be inserted in here: https://www.screencast.com/t/s61BcemS2eW
Thank you !
Hello !
Please make sure that you are inserting the css in the right place. As you can see here: https://www.screencast.com/t/P4NpI9Eeuee This code works.
Thank you !
Hi,
I made a custom css, is not so professional, but it should work -> https://i.imgur.com/5oV1cQN.png it will be apply on all links that contain that word (redaktion) inside an author box, apply the code on more authors like this -> https://i.imgur.com/wSaxpBv.png -> https://i.imgur.com/BIKMljc.png
.single .author-box-wrap a[href$="/redaktion/"],
.single .author-box-wrap a[href$="/luis-holuch/"]
{
display: none;
}
Unfortunately this is all I can do, hope it will help you!.
Thank you!
Hello !
Unfortunately you can only change the colors for those ajax categories. You can use this css code: .td-subcat-filter .td-subcat-list a {
color: red;
}
.td-subcat-filter .td-subcat-dropdown span {
color:Red;
}
.td-subcat-filter .td-subcat-dropdown .td-subcat-more i {
color:red;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
This has been resolved with a cloud block template that offers author name+image above the title + custom CSS. Thank you.
Hi,
I think that you can use a custom css, if you provide me a link to one of these author box that you want to remove, I will try to help you!
Thank you!
Hi everyone,
I have no idea about coding.I’m just copy pasting codes i found around the web and try to make something usefull for me because i’m lazy. I needed to put an excel list on my website so i created one on excel, converted it to html from a website,put some css buttons with links in in and pasted it to my website but ı can not see the whole list. Only the left side is visible.
http://www.letsspeakturkish.com/online-turkish-language-courses.html
This is the link.
I’m sure the code is a mess sorry in advance (:
Thank you.
Hello !
Sorry for missunderstanding.
You can use this CSS code here: .tdb-logo-text-title,
.tdb-logo-text-tagline {
text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello !
You can edit the css of that element using tagDiv Composer as you can see here: https://www.youtube.com/watch?v=fa7GenCHcBU&t=1s
Thank you !
Hi,
In order to change the background color/image on Romania News Pro you’ll need to edit that cloud header template from tagDiv Cloud Library with tagDiv Composer, click on the row and check the css tab -> https://www.screencast.com/t/g9DiZaSiSeQ2
Hope this will help you!
Thank you!
Hello !
Always when switching to a mobile view please refresh your page: https://www.screencast.com/t/hjvoguDSgt As you can see here your views are available for Mobile too, not just for AMP.
You can use this CSS: .td-icon-views,.td-post-views span{
display:none;
}
The code must be inserted in here: https://www.screencast.com/t/s61BcemS2eW
Thank you !
Hello !
In theme panel you can insert custom CSS / JS as you can see here: https://www.screencast.com/t/bWTJ1izWYZ2
Thank you !
Hi,
I tried different browser still the problem persist. I haven’t installed child theme.
I am tweaking the CSS to achieve the OK button. I had also tried updating the theme from the panel couple of times.
I want to use different header templates for different languages (English and Chinese) because I want to show different header image (CSS background image ), different tagline and different logos for different languages. Same for footer.
I created 2 different header cloud templates with languages linked.
In theme panel, I tried to select English in language filter and then select the English header cloud template in header template, and Chinese for the Chinese
But I find that the header template option only followed that of ‘all languages’.
It shows WPML is unable to translate your theme option.
Can you tell me either:
1) Enable translation of theme options (If WPML cannot do this, there is no reason for me to buy it. I could use free polylang)
2) How to unlink my homepage from the cloud header template (it is default set when I installed Romania news) so that the homepages can carry the header ( not be linked to the cloud templates)?
Can I do it with css please? My active/hover state is currently white over white which is completely unreadable.
In the Hero template I used, the text appears in the Desktop, but not in the phone view. On this page https://imgur.com/a/MsbSMpn It’s the second image down the page.
There is no margin or padding added in the CSS for the phone view. And, The title text color is set to white.
If you’re going to make a recommendation, make sure it works. And, where’s the green box of text for the second line?
How many times do we have to go back and forth? This is laughably bad.
Hello !
1. Please make sure that you have accomplished all the system requirements as in our documentation here: https://forum.tagdiv.com/requirements-for-newspaper/
Please make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.
2. You can use this css code: .td_block_related_posts .td-related-right {
display:none;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
3. That is a WordPress feature, not a Newspaper Theme one.
Thank you !
Hi,
1. I think that you want to remove this https://i.imgur.com/FrTsD8z.png this can be doe in few ways:
You can use a cloud template from tagDiv Cloud Library, edit it with tagDiv Composer and remove the tag element -> https://i.imgur.com/Aj66Rkg.png -> https://i.imgur.com/durcIAg.png after that set the cloud template in theme panel -> https://i.imgur.com/Ap9UC72.png
If you do not use cloud templates, you can use the translate and set an empty sample the the field for translate -> https://i.imgur.com/0zRQ4XF.png
Or you can use a css like this one: -> https://i.imgur.com/aOeJ3P4.png
.tag .td-page-title {
overflow-x: hidden;
text-indent: -50px;
}
The number of px can be adjusted in function of your example.
The code need to be set in theme panel> custom code> custom css.
2. I think that you can adjust the post/articles that appear in tag pages if you are using a tag cloud template as in above example.
If I do not understand something, please provide some more details and some screenshots.
Let me know the results!
Thank you!
Hi,
No, the empty space element can not be control on each view port, but all the elements have a css tab and there the margins and padding can be set per each port -> https://i.imgur.com/bNbcmXH.png
Thank you!
I have h some code please tell us where to past these code-
Html code – <div class="header">
<h2>Scroll Indicator</h2>
<div class="progress-container">
<div class="progress-bar" id="myBar"></div>
</div>
</div>
<div>content...</div>
2nd CSS code –
/* Style the header: fixed position (always stay at the top) */
.header {
position: fixed;
top: 0;
z-index: 1;
width: 100%;
background-color: #f1f1f1;
}
/* The progress container (grey background) */
.progress-container {
width: 100%;
height: 8px;
background: #ccc;
}
/* The progress bar (scroll indicator) */
.progress-bar {
height: 8px;
background: #4caf50;
width: 0%;
}
Js code –
// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};
function myFunction() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("myBar").style.width = scrolled + "%";
}
Hi,
The fastest and easiest way is to use a custom css like this one -> https://i.imgur.com/A1csvZB.png
#ez-toc-container {
display: inline-block;
}
.tdb_single_content .tdb-block-inner > *:not(.wp-block-quote):not(.alignwide):not(.td-a-ad) {
margin-left: 0;
margin-right: 0;
}
The code need to be set in theme panel> Custom code> Custom css.
Hope this will help you!
Thank you!
Hi, can you confirm this was fixed with 10.3.2? I think I’m now seeing the white line on the right side. Still running the temporary CSS you gave me here above. Please advise, thank you.
I have installed WP 5.4 and the latest TadDiv update V 10.3.2 on a staging site.
I can see that this create some issue with the fonts and the header.
Example I have not fixed the header here https://staging.unric.org/it/
But I have fixed on french for example https://staging.unric.org/fr/
using the following CSS
.tdb_header_logo .tdb-logo-text-title {
white-space: normal;
}
But the theme fonts seems different (header, Menu..). Thank you for your assistance
Please see an example:
Test https://staging.unric.org/fr
Live (not updated) https://unric.org/fr
Hello !
You can use this css code: .td-adspot-title {
text-align: center!important;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
Our theme make a request for updates once at 3 hours (using timezone UTC GMT+0), the dates are get from here https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data and these are update frequency once a day.
Thank you!
