Hi,
I’m new to WordPress and TagDiv. I’ve been looking for the actual code to use in the TagDiv task-manager for implementing SVG images for logos in the header. I’ve installed the SVG support plug in and have the SVG files in my media library. I can even use an image block to show the SVG logo in the header. But the actual Logo block just shows ………. after I upload the SVG file.
I’m looking for the code you input into the SVG css window in the header section. Any info would be appreciated!
I have found what is wrong:
tdb_less_front.css, Line 36:
.tdb_header_logo .tdb-logo-img-wrap img {
display: block;
}
displays the image as a block and it fills the element it is in. So there is no room left to align. This must be removed or set to
.tdb_header_logo .tdb-logo-img-wrap img {
display: inline;
}
I don’t prefer giving the website URL openly, as it is password protected. Can’t we create private posts in this support forum?
Or you can paste the custom css here and I can apply it too.
Hi,
Indeed, for the moment there are some settings that are not apply on smart/sticky sidebar, this is on our list for improvements, sorry for the inconvenience!
If you want I can help you with a custom css, just provide me a link to your website.
Thank you for your understanding!
Hi! Sorry, I just activate another theme for testing, when you come to my site. Actually it looks like this http://prntscr.com/rwqskv
So as I understood, you recommend me to disable Google fonts? But what if I want to use Google fonts? And how they even connect with an unused CSS cache file?
As I said before I used WP Rocket for caching (best premium cache plugin) and Imagify to compress my images and convert it in WebP format, which is really lightweight, and also I use minification plugin to minify my CSS and Java. So it’s almost all that you can do to improve your website speed, except using CDN.
But as you can see, problem not here. In another free theme, I have a less 1-sec result with the same set of plugins and content.
I don’t understand but my site is loading Mobile Theme on Desktop browsers.
Hello, I have some strange problem with unused CSS file – http://prntscr.com/rwltyx
When I manually delete this file, it’s recreating. As I understood, most of the heavy CSS files come from theme plugins – http://prntscr.com/rwlvbb
What I can do to delete this file? Also, I use WP Rocket, and Imagify and minify plugins, so I can’t do anything more to improve loading speed. The only way – to delete this strange CSS file, which is even not in use.
My site URL – https://websiteneophyte.com/
Hi,
Unfortunately, I’m not sure, it can be from the code.
If you want I can take a look and try to make a custom css to make the product to look better, for this I will need a link to one of these products on your website -> https://ibb.co/whXYrHx
Thank you for your understanding!
Hello !
You can use this css code: .tagdiv-type ul li:not(.blocks-gallery-item), .tagdiv-type ol li:not(.blocks-gallery-item) {
margin-bottom:0px;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
The best way to do this is to use tagDiv Composer, edit the pages and and cloud templates, select the row and check the row stretch -> https://i.imgur.com/pu22oKv.png after that go in css tab and set the width you want to have on your row and set margin left and right auto -> https://i.imgur.com/28Kcbzh.png
It can work with custom css to, but you need to cover all the elements from the theme that have set the width in px.
Hope this will help you!
Thank you!
Hello !
You can use a css code for that. Please provide a link to your website and we will take a look.
Thank you !
Hello, I need to remove the last and next buttons on my Mega Menu. I tried the following custom css without luck:
.td_block_mega_menu .td-next-prev-wrap {
display:none;
}
Here are the screen shots:
I made a test with GMetrics and I was told to serve scaled images concerning the mobile theme. I habe enabled in the block settings all thumbs that are used in the mobile plugin. But now I get the message:
https://www.topfgartenwelt.com/wp-content/uploads/2019/11/Blog_Topfgartenwelt_Adventkranz_228Custom29.jpg is resized in HTML or CSS from 639×426 to 120×80. Serving a scaled image could save 67.5KiB (96% reduction).
The scale 120×80 I can’t find in the list of thumbnails. What should I do?
Greetings Kathrin
Hi,
Please replace the above css with this one
.td-main-content-wrap {
overflow: hidden;
margin-top: -33px!important;
}
This will apply on entire website.
Let em know the results!
Thank you!
Hi,
The option is already disabled but newspaper.woff is still loading in some CSS. I checked the waterfall and resources using inspect element
Hello !
You can use this css: .sf-menu>li>a:after {
height:10px;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
The above documentation was to increase your page speed on your website is possible to take to long until the css is loading and that is way it’s say is not mobile friendly also it can be a plugin conflict.
Also here is one of our live demo that have the mobile theme plugin -> https://demo.tagdiv.com/newspaper_local_news/ and this is mobile friendly -> https://i.imgur.com/uOMZXJk.png -> https://search.google.com/test/mobile-friendly?utm_source=gws&utm_medium=onebox&utm_campaign=suit&id=AfR8pAiIUesXegRjru3UnA
Thank you!
I see this error in Edge (developer tools) console:
SEC7120: [CORS] The origin 'ms-appx-web://microsoft.microsoftedge' failed to allow a cross-origin font resource at 'ms-appx-web:///assets/Fonts/BrowserMDL.ttf#Browser MDL2 Assets'.
CSS3119: No fonts available for @font-face rule
ErrorPageStyles.css (11,7)
SEC7120: [CORS] The origin 'ms-appx-web://microsoft.microsoftedge' failed to allow a cross-origin font resource at 'ms-appx-web:///assets/Fonts/BrowserMDL.ttf#Browser MDL2 Assets'.
CSS3119: No fonts available for @font-face rule
ErrorPageStyles.css (11,7)
Hi,
If you do not want to have the hamburger menu on mobile and you are using the responsive version you can remove it with tagDiv Composer -> https://i.imgur.com/LRx44dv.png
If you are using the mobile theme plugin you need to use this custom css:
#td-top-mobile-toggle {
display: none;
}
The code need to be set here -> https://i.imgur.com/851lw7x.png
Thank you!
Hello,
Unfortunately our theme do not have this option, to achieve this you need to use a custom css, also is possible to be some elements that need to be adjusted.
.single {
direction: rtl;
}
The code need to be set in theme panel> custom code> custom css.
Sorry but our themes are not compatible with the RTL direction. If you need a RTL theme, you will have to choose a different theme that can provide this functionality. There are elements that can be fixed, but there are still other elements that will not work properly.
We will be able to provide a refund if you make a request here:https://themeforest.net/refund_requests/new
Thank you!
That worked for the links – thank you!
If anyone else finds this thread and needs to change the dropdown background color, I figured it out using this in the custom css:
.td-subcat-filter .td-subcat-dropdown ul {
background-color: red;
border-color: red;
}
Hi guys, I would need to reduce linespacing on my post bulleted lists.
I found an old guide about it
https://forum.tagdiv.com/topic/increase-indent-lists/
I went in Theme Panel >> Custom Code >> Custom CSS and put
.td-post-content ul li,
.td-page-content ul li,
.td-post-content ol li,
.td-page-content ol li {
margin-bottom: 10px;
}
(of course I tried with many different sizes)
but in practice nothing changes. Within my post the bulleted list does not change.
Where am i wrong? How do I change linespacing in my bulleted list (in posts, not pages)?
Thank you so much
And where can I set the bg and font color for the widget’s titles and buttons of the theme? CSS?
Hello !
I mean that IN posts you will have to edit the posts not the post layout.
For the top space you can use this css code: }
.td-boxed-layout .td-container-wrap.td-main-page-wrap {
overflow: hidden;
margin-top: -33px;
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi there – I’m noticing a 1px white border on the right side of my full-width header (based on the Pulses Pro template, black bar at the very top) since the most recent update.
It only happens in Safari (desktop) – I don’t see the same issue in Chrome.
Screenshots: https://d.pr/i/BLot0h and https://d.pr/i/7DgD7y
I’ve also noticed it on a couple of the other templates and even some pages on the tagdiv site:
https://demo.tagdiv.com/newspaper_tech_news_pro/ << 1 px on right side of header and footer in desktop size
https://demo.tagdiv.com/newspaper_pulses_pro/ << 1 px on right side of header submenu in desktop size
https://demo.tagdiv.com/newspaper_life_news/ << 1 px on right side of header submenu in desktop size
https://demo.tagdiv.com/newspaper_covid19_news_pro/ << 1 px on bottom of footer in mobile
https://tagdiv.com/newspaper/ << release notes page has a 1px border on the right side of the header and footer
https://tagdiv.com << same here
I see that the latest version 10.3.2 had a fix for “iPhone 1px background off css issue” which fixed some similar issues I was seeing on my phone – but it may have caused additional issues in Safari desktop?
Is there a simple fix I can apply to clean these up?
Thx!
