- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
https://forum.tagdiv.com/topic/ranking-list-numbers-and-points-instead-of-stars/
Good morning,
A few weeks ago you showed me a CSS code that allows me to number a ranking or chart.
The problem is that I can no longer use this “Flex Builder/Flex Block 1-X” on any other page, as this enumeration is then ALWAYS displayed, even with normal content. However, this “Flex Block” is the only one that has all the functions I need to display content nicely.
Is there another individual CSS code that I can only use for the chart page?
I can then no longer use a “Flex Block”, as this numbering is then displayed everywhere. I am then limited to “Block 1-25” and “Big Grid Flex”, which is not ideal for my content.
Do you have any ideas on how I can solve this so that the numbering is only displayed in the charts overview? Thank you very much!
Best regards Frank
Hi,
Your css is minified https://i.imgur.com/THpRkKD.png and seems that is what is not apply -> https://i.imgur.com/THpRkKD.png
You can try this for it
a[href^="tel"]
{
color: var(--td_theme_color,#4db2ec)
}
Thank you!
Can you please provide guidance on how to style the overlay modal that displays when the responsive mobile menu is active?
I am trying to change the background overlay styling so that only the menu items show. (By default a zoomed out image of the website can be seen behind the menu items because the opacity is very high.)
Should this be done via the header Cloud template or custom CSS?
Thanks in advance for your help!
I’ve created this custom CSS to get there…
@media (max-width: 767px) {
.tdi_7 .tdb-logo-svg-wrap {
/* max-width: 26px; */
display: none !important;
}
}
@media (max-width: 767px) {
.tdi_7 .tdb-logo-text-title {
font-size: 20px !important;
display: none !important;
}
@media (max-width: 767px) {
.tdi_7 .tdb-logo-text-tagline {
font-size: 20px !important;
display: none !important;
}
}
@media (max-width: 767px) {
.tdb_header_logo .tdb-logo-text-title {
font-size: 36px;
display: none !important;
}
}
}
.tdi_7 .tdb-logo-svg-wrap+.tdb-logo-img-wrap {
display: block !important;
max-width: 60%;
}
Now I need to figure out how to add some padding underneath the header …
I’ve had a play about and it appears to be linked to the SVG setting in the header.
I edit and HIDE the SVG, but when I save it, it goes back to showing it again, while the logos are deleted.
It doesn’t matter if I clear the cache, turn mobile/AMP on or off, it is just stubbornly resetting itself and displaying the SVG logo.
Have tried some custom CSS to remove it – same result.
I think it’s the span.tdb-logo-svg-wrap and span.tdb-logo-text-wrap elements that need to be hidden. If I delete their lines from Google’s code inspector panel, the logo displays as it should do.
My knowledge of CSS is very, very small, so I cannot figure out how to make the changes stick.
Adding
{
display: none !important;
}
to the classes makes no difference.
I installed this template for the single post. It channels the NY Times, which is what I was looking for. But it has some BIG (HUGE) bugs. It looks good once you insert an image inside the post without a caption. But if you add a caption, the template looks awful, and it seems like there’s a CSS style issue there. Please look at the attached images and try it out on your theme so you can realize it. Let me know when a fix will be released.
Also, is it possible for the ads in the post to be stretched? The way they look now, it is cropped. One of the images is a sample of how the NY Times does it.
Link to the images (safe and secured): https://www.dropbox.com/scl/fo/uflfba7g69nu0bkp9qgay/AObyHIrXscMGZGEfLrHqQLE?rlkey=jalgbvz6n6c8rfde8hhgxa137&st=m2nt20y6&dl=0
Tudo esta ativado no wp rocket e mesmo assim alguma coisa do tema teima em não ativa
no link segue a imagem da captura, como resolver isso?
https://ibb.co/25mDNSh
I’ve fixed it by adding this custom CSS code to my site:
.td-pb-article-list {
display: none;
}
Hello!
Check all these requirements for the theme: https://forum.tagdiv.com/requirements-for-newspaper/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I recommend you use fewer features on the page so there will also be fewer requests.
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:
Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.
Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.
Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.
Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.
Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.
Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.
Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.
Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.
Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.
By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.
Thank you!
Hello,
You need to use a custom code like this .tdb-sml-description a
{
color:red;
}
Set the code in Theme Panel – Custom code – custom CSS.
Thank you!
Hello!
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I can offer some suggestions regarding the page speed:
Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.
Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.
Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.
Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.
Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.
Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.
Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.
Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.
Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.
By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.
Thank you!
Hello,
I am using this theme : https://themeforest.net/item/newspaper/5489609
And this is my live URL : https://newscred24.com/
But its browsing speed is very slow, not using any extra plugin here, only using WP Super Cache Plugin. I thing my Web Hosting is Fast.
Some issue could be happened like :
1. Unoptimized CSS, JS, and HTML Files of the theme.
2. External Scripts and Fonts load of the theme.
3. Unoptimized Mobile Performance of the theme.
4. Too Many HTTP Requests of the theme
Just asking above the issue is there of my points.
To make it fast of my website what will i do now. Please resolve this issue.
Thanks
Hi,
Those are the options for style https://i.imgur.com/d8qvpRD.png so if you want to use another style then you can use css.
Thank you!
Hi,
Usually, the color and image are set on the row, so please edit with tagDiv Composer and select the row and go in the tab CSS, select the viewport for phone https://i.imgur.com/ZAs78aN.png -> https://forum.tagdiv.com/topic/background-color-of-the-main-menu-be-changed/
Thank you!
Hi, I’m trying to add a custom button link that will open the modal login form. I tried to follow the instructions you provided in the thread:
– I add this code to a column text:
Login
I also added the css as you mentioned above, however its not working. What does the code reference? page ID, modal ID??
The button shows, but it just adds “#login-form” to the url and nothing happens.
Thanks
Just reposting this, because you didn’t say anything about it
Also one suggestion – I think it would be a great idea to be able to style the tabs in the same way as the titles in the theme (I created my own css which does that but I think it would be good to have this as an option out of the box).
Hi Bettina – I can’t make this work. Can you take a look at this Guardian page – https://www.theguardian.com/uk – and reduce your browser size through tablet viewports to see how the time line (for example, “5m ago”) always sticks to a bottom line no matter what viewport is used? Can Newspaper do this?
If your “border-bottom of each element/row/column (CSS tab) or the separator shortcode” can work, can you give me a graphic example?
Many thanks
Mark
I’m experiencing a compatibility issue between the Newspaper theme and the Hide My WP Ghost plugin.
When I enable the “Hide WordPress Common Paths” feature, the theme stops functioning correctly as the theme’s CSS files return a 404 error.
To get the theme to work, I am forced to disable this important security feature, which I consider essential.
I have already contacted the developers of the Hide My WP Ghost plugin (Squirrly), and they informed me that your theme is not fully compatible with some security features because the paths for the CSS files are not dynamically adapted to the custom settings.
I would like to know if you have any plans to make your theme compatible with this important security plugin for WordPress. Thank you
Hello,
I inserted the link to another internal article in the content of my article and the result was as you can see from the following link : https://magazine.pagesjaunes.online/forum-des-pme-du-gecam-la-problematique-du-financement-au-coeur-des-debats/
I’d like to be able to customise the presentation or layout of these internal articles, but I don’t know where to do it. For example, I’d like to remove the left and right borders, and remove the footer from the presentation where the name of our site, the comment icon and the share icon are located.
I tried to get into “Theme Panel —> Custom Code —> Custom CSS” and I placed this code:
.wp-embed {
background: #f6f6f6;
border-top: 1px solid #dcdcde;
border-bottom: 1px solid #dcdcde;
}
.wp-embed-footer, .wp-embed-site-title {
display: none;
}
But I don’t see any changes when I save and refresh.
Please guide me on how to customise this presentation.
Hi,
Did you change the accent color from theme panel? You can try to use this code
.td-post-content a {
border-bottom: 2px solid #f70202;
color: black !important;
}
Set the code in Theme Panel – Custom code – custom CSS.
Thank you!
Hey there!
I wanted to ask for a little bit of advice because I have the following issue:
I want to create a tabbed content element in my sidebar of my CPT template which would consist of 3 tabs (A, B, C). I read the documentation and found that I have to create separate pages for these tabs. Everything works as expected but there is one little problem for me – I have 20 separate categories in my CPT and I have to create different tabs for each of them.
The idea of the tabbed content is simple – my CPT is used for episodes for my TV shows where each category represents a different TV show that we have and in the tabbed content I want to show our separate youtube and facebook channels (first tab), a biography for our TV hosts (second tab) and contact information for each TV show (third tab).
Is there a way to avoid the creation of 20×3=60 pages because it would be really annoying?
Also one suggestion – I think it would be a great idea to be able to style the tabs in the same way as the titles in the theme (I created my own css which does that but I think it would be good to have this as an option out of the box).
Best regards!
Hello!
Ensure you have no paddings/margins, the “stretch row off” option enabled, and values in the width field in the CSS tab for the rows or zones.
Thank you!
Thanks – not sure if you mean edit the front page where tabbed content is placed or edit the originating pages. But in neither case can I see any padding. I can’t see any padding in CSS row, column or element:
Originating page (new releases): https://app.screencast.com/DPQ2KoLrTwLg5
Tabbed content on front page: https://app.screencast.com/TJ2Wg9vdrIpqg
Hello Mark!
Please edit that page with the tagdiv Composer, select the row, and check in the CSS tab where you have padding left and right. Please delete those values, save the settings, and try again.
Thank you!
Hello Mark!
You can use a border-bottom of each element/row/column (CSS tab) or the separator shortcode. Also, you can change the font-size of the text.
Thank you!
