- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello,
I would like to remove the transitions on my share buttons. Example under the featured image. What CSS can I use to remove that? Also, my mobile menu has a similar transition. How can I remove that?
https://www.profootballnetwork.com/five-nfl-quarterbacks-with-the-most-on-the-line-in-2021/
Hi,
Add the following code to the Custom CSS section or Live CSS section and save.
.tdb_single_content a {
border-bottom: 1px solid #ed1d25;
}
.tdb_single_content a:hover {
color: #ed1d25;
}
I hope you will find this helpful.
Well. There is no blank column and I imported new post templates to test but nothing changed the situation.
But I have found the problem.
The problem is here in the header section:
<div class=”td_block_wrap tdb_header_logo tdi_10 td-pb-border-top td_block_template_18 tdb-header-align” data-td-block-uid=”tdi_10″>
In this wrapper the associated CSS has 20px padding declared as seen below. when I disable the padding, the mobile menu is OK.
.td_block_template_18 {
padding-top: 20px; // problem is here
}
I think it is because of original theme settings. Because I don’t set 20px padding for any block or header element.
Well. There is no blank column and I imported new post templates to test but nothing changed the situation.
But I have found the problem.
The problem is here in the header section:
<div class=”td_block_wrap tdb_header_logo tdi_10 td-pb-border-top td_block_template_18 tdb-header-align” data-td-block-uid=”tdi_10″>
In this wrapper the associated CSS has 20px padding declared as seen below. when I disable the padding, the mobile menu is OK.
.td_block_template_18 {
padding-top: 20px; // problem is here
}
I think it is because of original theme settings. Because I don’t set 20px padding for any block or header element.
Hello,
You can set the width on the https://forum.tagdiv.com/exchange-widget/ element https://i.imgur.com/tOpUaFS.png in the tab CSS.
Thank you!
I want to hide meta info like author, category, and dates in the featured images that appear on the blocks/modules on my home page.
I have taken the following steps – Newspaper-Theme Panel- Block Settings – Meta Info on modules/blocks and moved all meta info (author, category, and dates) to the Hide position.
However, nothing has changed on my home page and the meta info continues to be displayed. Is there a CSS code you can share to hide the meta info please?
Hello. My website is TheAEGISAlliance.com.
I was using the Asset Cleanup Pro plugin because it, along with a caching plugin and CDN, was getting my site a 98/100 in page speed insights. But then the plugin started breaking the 3 lines mobile menu button and it wouldn’t work. When I disabled and then deleted that plugin, the colors for the mobile menu and footer went away and turned into this default red, and a black footer. They should be a dark tealish green that I have set in the mobile part of the theme panel.
Before I deleted Asset Cleanup Pro, I tried re-enabling it, the mobile menu and footer colors came back, but the menu button was still broken, even after disabling most all of its options and clearing its js/css cache.
I’ve tried:
Clearing WP Rocket cache
Clearing Bunny CDN cache
Manually deleting leftover Asset Cleanup Pro cache in Cpanel
Manually deleting WP Rocket cache in Cpanel
Manually deleting “used css” folder cache in Cpanel that goes with the Newspaper theme
Removing and reinstalling the mobile theme plugin
Removing and reinstalling td-composer because it has mobile theme folders and files
Manually deleting and reinstalling Newspaper theme in Cpanel
Regenerating critical CSS in WP Rocket
Slightly changing the colors for mobile menu and footer then saving changes
Nothing seems to fix the problem and bring back the colors I have set for the mobile menu and footer.
Hi,
That board it is coming from a plugin or it is made with custom html and css?
If is from a plugin, then it can be done if that plugin have some options for this.
If is a custom html, then all you need to do is to change that code and add the ‘no follow’ even.
Thank you!
Hello!
Click on the sides and check the row’s settings. It could be there in the CSS tab as well and you need to press “Remove”.
Thank you!
Hello!
Please click on that text and in the TagDiv Composer builder page you should find some element’s setting on the left side of the screen, also there is a CSS tab.
If this is not what you mean, then please provide more information about your issue.
Hope that helps you!
Thank you!
Hello!
I am finishing designing the webpage and I have found a problem with results page. If the search return results, all works fine, but when the search not return results, part of page looks bad. It is as if part of the template is not applied. Footer looks right, but header looks like no css/js applied.
Attach image of how the header looks with results and without results.
I have also used the zone manager for asign header and footer, but it does not work.
In case it serves as a clue, the same thing happens with the 404 error page. All the other pages work perfectly, it only happens on those two (404 error and no results search page).
Thanks in advance.
Salvador Olmos.
Hello,
Please edit with tagDiv Composer, select the viewport on phone and in the tab “CSS” please set the margin-top to 0 for social share => https://www.screencast.com/t/j8bbT2Jyst
Thank you!
Hi,
You can reduce the margin from the mobile theme using a custom css like this one https://i.imgur.com/Nw3JGxR.png this code
.td-a-rec-id-header_mob {
margin-top: 6px;
}
Need to be set in the theme panel> mobile theme > custom code> css -> https://i.imgur.com/o0JHGkc.png
I hope this will help you!
Hi, I want to have an animated underline under each menu item.
Like this example: http://tobiasahlin.com/blog/css-trick-animating-link-underlines/
Current demo installed: Magazine PRO
Hello!
The Posts Loops element 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!
Hello,
To change/remove the background image from footer scroll to that section, select the row from footer and in CSS tab you’ll find the background CSS ->https://i.imgur.com/Yq06HV5.png
Thank you!
Hello!
If you apply the CSS in the live CSS Editor, then when you open it after a long time, you will see the same code there and you can know what is hidden if you write a comment in the code. If you comment the code lines, then this will not be applied to that page.
Thank you!
Hello!
Please check the row width to be the same as desktop and also check in the CSS tab. It should work if no CSS code is influencing it.
The new browsers have started to prevent the videos from auto playing in pages. Unfortunately, we can not force this functionality in such cases.
If you have 2 blocks, then you need to apply some offsets and limits. For example: 1 block with the limit posts: 2 and the second one with the limit posts: 2 and offset: 2, if you would like the 3rd one then you set limit posts: 2 and offset 4, etc.
Thank you!
Hi SAMYTHEBIGJUICY, the forum it is use for help using the theme -> https://i.imgur.com/wZu6RqR.png
So in order to can help you and provide a good answer we need as many details about the question that you have, also some screenshots or link if this is possible.
Normally, the pages can be edited using the theme builder, tagDiv Composer, with it you can add, remove and edit the blocks -> https://i.imgur.com/iIQV7t3.png also you can set it bet block/row using the css tab -> https://i.imgur.com/WxJQahK.png (I hope this will help).
Thank you for your understating!
Hello!
Please try with the CSS Analyzer, which is our automatic tool, very useful for the page speed and unused CSS.
Documentation here: https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/
Tutorial here: https://www.youtube.com/watch?v=tnkVapqhIHc
Thank you!
The main page here has nice headers and all formatted just fine: https://e4gstaging.wpengine.com/
But the other pages don’t show the proper header formatting or font, etc. at all: https://e4gstaging.wpengine.com/blog/
I assume there’s a setting to turn this on so the theme’s CSS is used for everything.
Thanks
Hi, team Could you please suggest me to optimize HTML and CSS codes,
it is coming 4400lines in website post source code,
please guide me to fix my HTML length
Hi,
You can find more information about tagDiv CSS Analyzer in this article => https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ and you can take a look at the video guide here: https://www.youtube.com/watch?v=tnkVapqhIHc
Also, you can check this topic : https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/
Thank you!
Hello,
@kubazabran
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).
If you referring to this https://www.screencast.com/t/sQ17zOPDHDWH then can be done only with custom work.
Thank you!
Hi,
Should I stat straight away by removing unused CSS or should I generate critical CSS?
Do you have a good step by step tutorial on how to use this function. Cant seem to find one.
