- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello,
Please try this code
.entry-thumb{
display:none!important;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Thank you!
Hi,
At the moment our theme does not have a specific element only for woocommerce. Therefore you can set the shortcodes as you describe above.
As results, if you set the shortcode with tagDiv Composer you can’t edit the layout of the shortcode, only the column where the code is set.
Also, that problem you resolve with CSS was practical, the space from the sidebar (that was empty in this case).
The payment button that is Pink if doesn’t has an option to be edited from woocommerce, then it can be done using custom code CSS.
If you need helps if the custom code, please send us a link to your website.
Thank you!
Hi, I have a main slider in my home page using a filter by tag slug and it’s working perfectly… below I have a couple Flex Block 3 modules that I want to show all the latest entries with the exception of the tag slug using above… is it a way to do it in the filter tab or via CSS?
Thanks!
Alex C
Dear support
Please tell me how to change width of posts.
Probably by css ?
Regards
Dear staff, i installed a demo, and now i’m building my site on it.
But if change the fonts in the theme panel, the site shows every time the ROBOTO fonts. I tried to disable google fonts, tried to put my choosen fonts in css by !important but nothing happens!
Seems to be stucked on ROBOTO.
Please help thanks
Hi,
You can disable the option the Auto Loading on the Sigle Post Template with tagDiv Composer -> Show site wide settings => https://prnt.sc/10bb8mr
To hide the scroll to the top, you need to use a custom code CSS =>
.td-scroll-up{
display: none !important;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Let me know the results!
Thank you!
Hello!
Unfortunately, there is no extra options for this, only the one which is presented.
If you want to customize it the icons, then you can do it by CSS code.
Please note that customization is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
For customization and other services you can contact our custom work team here: https://tagdiv.com/premium-customization-services/
Thank you!
But can I somehow hide it using CSS?
Hello!
1. Yes it is right, if you use a cloud/PRO template then you can customize however you need. Otherwise, you can customize it also the default one from CSS code.
2. You should edit the page with TagDiv Composer plugin, documentation here: https://forum.tagdiv.com/tagdiv-composer-tutorial/
After editing, you can select a grid and you will have some settings on that element in Filter tab, so from there you can select which posts do you want to display.
Unfortunately, if you set a post to be sticky, then that post will not appear on the grid where you want it.
Hope that helps you!
Thank you!
Hi kinisis, indeed there seems to be a problem with the tiktoc icon, this can not be load, I made a notice to our developers to check those problems and file a fix.
The colors for social networks can be change only with custom css:
.td-header-sp-top-widget i.td-icon-youtube:hover {
color: #bb0000;
}
This code need to be set in theme panel> custom code> custom css.
Thank you!
Hi, I want to keep the scroll-to-top button clear of the footer on mobile only (where I have a menu and social share icons).
I use the mobile plugin. I have changed the css for the mobile section to read:
.td-scroll-up{
bottom: 122px !important;
}
It needs the word ‘important’ to make it have any effect. However this makes it show in view even at the top of the page.
Is there a way to hide the icon above the fold? It’s a long time since I set up the theme so I can’t recall if I did anything apart from the css:)
Hey there,
for any reason a Google Font, which is used on my site, is called and loaded twice. First time the weights 400, 600, 900 (as defined in theme panel), second time 400, 600.
See: https://imgur.com/Y1x7GJS
and: https://fonts.googleapis.com/css?family=Open+Sans%3A400%2C600%2C900%7CRoboto+Slab%3A400%2C600%2C900%7CRoboto+Slab%3A400%2C600&display=swap&ver=10.3.9.1
You can check here: https://www.top-magazin-frankfurt.de/news/skyliners-frankfurt-praesentieren-plaene-mega-arena-kaiserlei/
“Load default fonts” is disabled as well as “tagDiv Standard Pack”. Site is built with TD Composer.
Do you have any explanation and solution for this behaviour?
Thanks and regards
Hi,
I have set up a Revolution Slider with a “before-after” effect. The slider and the effect work perfectly in the backend and in the preview. I need this slider to be just below my header logo.
The slider shows ok at the top of the page, but the before-after cursor cannot be commanded. The mouse will not change and grab the arrows. However, when the very same slider is put lower in the body of the page, everything works fine.
I have set up a page to demonstrate the problem, please check both sliders at
https://test.wcta.com.br/professores/jader-duarte/
Thank you,
Eduardo
p.s. Please note there is some custom CSS in the theme panel, as direct by your support, as a workaround for a different issue with the Ken Burns effect.
As far as number 5 adding the following “Custom CSS” under “Custom Code” in the theme panel solved my problem. Is this safe though?
.woocommerce-page .td-main-content-wrap .td-container .td-pb-row .td-pb-span8 {
width: 100%;
}
.woocommerce-page .td-main-content-wrap .td-container .td-pb-row .td-pb-span4 {
display: none;
}
I did the following and it worked (custom CSS added through the Newspaper Theme panel):
.woocommerce-page .td-main-content-wrap .td-container .td-pb-row .td-pb-span8 {
width: 100%;
}
.woocommerce-page .td-main-content-wrap .td-container .td-pb-row .td-pb-span4 {
display: none;
}
Hello!
It seems you use a cloud template, so you can easy modify the post with TagDiv Composer and make any changes you want there. For more information about TagDiv Composer plugin, check our tutorial here: https://forum.tagdiv.com/tagdiv-composer-tutorial/
To modify the post note that you need to access the post in your website and then click on the green button “Edit with TagDiv Composer”.
Like that, you can delete the featured image that you don’t need or any other element by clicking the element and you can see a recycle bin basket right there, click and the element is deleted.
If you click on any button, you will see which element include that button and also you will have some settings to change the design of it. If you want any settings that is not included in that element, then you can change the element or you can write a custom CSS code in theme panel to modify the design of the element.
Hope that helps you!
Thank you!
Hello!
The Posts Loops settings are divided into 4 tabs: General, Layout, Style, and CSS. The Posts loop is a special block and doesn’t have filtering options.
Also, one of the options for pagination of the Posts Loop has the option for normal numbered and the flex blocks do not have this option.
The Posts Loop is automatically filtering the posts depending on the cloud template you set (for example on the category page there will be posted posts from that category).
Thank you!
Hi there,
We wanted to add a like feature for all our posts and we were trying to customise it to be in the middle of the screen and increase the size to be similar to the share button.
We have gone to the theme panel > post settings > top article like
Please see photo attached
https://paste.pics/430b5b457bb965d386dccb5c1cebccdc
We are looking in the backend but can’t seem to figure out where to look. Can you point us in the right direction as to where to find the ‘Like’ button to customise it with css or the php file.
Also how do we show likes on a posts similar to what you can with comments using TD composer?
Please see attached
https://paste.pics/7eda413e9fc99eab26a07d1ece90469d
https://paste.pics/caf625801e21487c030e1439644408fe
All the best
Thomas
Dear Support, I Have a problem with the Megamenu. When I hover over the thumb or titel of an submenu-item then the detail text beneath the titel is becoming white therefore you can’t see it because the background is also white. I can’t find how to change it. I only can change the hover on the detail text itself with css wich I did.
But hover over the thumb and title is not changing.
See at megamenu: https://feemonline.nl/
I Hope that you can help.
Kind Regards of Sophie
Hello,
Unfortunately, there is no option to hide the number. on some smart lists, you can use CSS code to hide, but on this list, you can’t use it (even if you make a CSS code, the problem occurs when the number of posts is more than 9) => https://prnt.sc/10dkavz
Thank you for your understanding!
for example, in flex templates, there is an option ” FILTER ” which select any category but in the post loop, there is no option for selecting the categories.
In Post Loop, we have these options
General – Layout – Style – Css
In Flex templates
General – Filter – Layout – Style – Css
Image of flex template
Image of Post loop
Hello Calin,
Sorry for the delayed response.
Well, writing over the parent style-buddypress.css file didn’t work, so I tracked down the enqueued name for it. style-buddypress.css is enqueued as ‘td-theme-buddypress’.
So it’s very easy to take it over, buy dequeuing it then renenquing it in child functions.php file.
function renenquing_buddypress_styles() {
wp_dequeue_style( 'td-theme-buddypress' );
wp_enqueue_style('td-theme-buddypress', get_stylesheet_uri() . '/style-buddypress.css');
}
add_action('wp_enqueue_scripts', 'renenquing_buddypress_styles');
Thank you for your assistance.
Hello!
I see. Try to add this CSS in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.wpb_video_wrapper iframe {
width: 100% !important;
}
Let me know about the results!
Thank you!
Hi, I noticed that the search button on mobile also has this effect. Could you tell me what is the CSS I need to add the “transform: unset” to?
Thank you
Hello,
Please try this custom code CSS => https://prnt.sc/10d01wb
body .td-main-content-wrap {
padding-bottom: 0px;
}
Set the code in Theme Panel -> Custom Code -> Custom CSS => https://prnt.sc/10d04jr
Thank you!
