Hello guys,I have the following question.I want to make custom loading gif ,but i cant find the part in the source code to change it.I checked the style.css file and the js-file,but i found only the function and I still cant find how it generate the gif image.I hope somebody will help me .
Hi,
You can see how the website will look on mobile in the tagDiv composer as you are building the page
– https://www.screencast.com/t/W8TmMnur6BMS
You could use the CSS section to position the elements in the page differently (by adding margins and negative margins, padding etc). Those will only apply on mobile when mobile is selected
– https://www.screencast.com/t/Dcvz7cCYacwu
Maybe this information is helpful for you.
Hi,
The default color of the article titles is black, but it seems that this is not applying on your website. This is not applying because there is a span element inserted between the block title heading and the link
– https://www.screencast.com/t/kdc1l3MlY
I could give you a code to color them as intended
– https://www.screencast.com/t/EY0vfIbbypxp
This code must be entered in Theme panel->Custom CSS
h3.td-module-title a {
color: #111;
}
Thanks
Hi,
That would not be possible with a theme setting. Once entered in the theme panel, the ads will always be displayed in their respective locations.
If you are not using Adsense ads, then it would be possible with CSS code by hiding them. For Adsense it is not recommended to hide them with CSS.
Or maybe you could use a plugin to implement the ads. Most theme users that require more advanced ad settings recommend the Adrotate plugin. You can find more about the plugin here
– https://ajdg.solutions/manuals/adrotate-manuals/
– http://www.wpbeginner.com/plugins/how-to-manage-ads-in-wordpress-with-adrotate-plugin/
Thanks
Not all files are accessible through the WordPress editor, it will require FTP to see them all, then make the modifications you want to the theme.
Regarding the CSS you mention, I seem to fail to understand what would be the issue with it. It would be helpful if you could provide a link to your website, so we can see it for ourselves.
Hi,
There are options to stretch the header elements, in the theme panel
– https://www.screencast.com/t/mNxl7f0vML
If you have custom CSS code, there are Advanced CSS sections in the theme panel
– https://www.screencast.com/t/pDHTd7SurB2
Desktop is considered 1141px and higher. Let us know if you have more questions.
Thanks
Indeed the mobile theme has different files then the main theme. These are located in the mobile folder
– https://www.screencast.com/t/hgrGL0lYiGh
That is where all the mobile theme files are located, if you want to make modifications to them. For the footer logo on mobile you could use a code like this to reduce it if needed
– https://www.screencast.com/t/PFltz9Kjk8
.td-footer-logo img {
max-width: 50%;
}
Mobile theme custom CSS can be entered in Theme panel->Mobile theme->Custom code.
Errata corrige:
I added @media (min-width: 768px) { to the CSS
.sf-menu > li > a { /* I reduce the padding in the menu to avoid problems with the stickcy logo */
padding: 0 10px 0 10px;
}
@media (min-width: 768px) {
.td-header-wrap .td-affix .td-main-menu-logo img { /* I reduce the padding in the sticky logo */
margin: 0 6px 0 10px;
}
}
.sf-menu ul .td-menu-item > a:hover { /* GB Hover in the sub menu */
background-color: #eeeeee;
}
Please I did the right thing?
Thanks so much!
Gabriel
Hi, a fantastic bit of code, but sadly all my authors are right next to each other without a space or preferrably a comma, even with the additional css. any thoughts ? thanks 🙂
I want to make my header constantly change to 4 different Colors (See example : https://www.youtube.com/watch?v=amRDYrLHwpI)
I know this is not possible in the theme panel. But I was wondering if it is possible through css or html? And even if it’s possible. Would it effect the speed of the website dramatically?
Thank you!
Hello,
is there a way to reduce the amount of postloaded javascript and css files? It results in bad evaluation.
You can try this code. Enter it in Theme panel -> Custom Css
/* Remove posts and comments counts in blocks and author widgets */
.author .td-author-post-count {
display: none;
}
.author .td-author-comments-count {
display: none;
}
.td_top_authors .td-author-post-count {
display: none;
}
.td_top_authors .td-author-comments-count {
display: none;
}
Hi Simion,
This is my site: http://cambiovita360.it/
I have customized the main menu by editing the following 3 CSS classes:
.sf-menu > li > a { /* I reduce the padding in the menu to avoid problems with the stickcy logo */
padding: 0 10px 0 10px;
}
.td-header-wrap .td-affix .td-main-menu-logo img { /* I reduce the padding in the sticky logo */
margin: 0 6px 0 10px;
}
.sf-menu ul .td-menu-item > a:hover { /* GB Hover in the sub menu */
background-color: #eeeeee;
}
Please I did the right thing?
Thanks so much!
Gabriel
Could you help us remove the blocks that show post and comment count for individual author widgets and for the actual author pages? Our CSS efforts produced no results. Thanks!
Добрый день, Simion. С узкими размерами изображений в top grid разобрался. Нашел, где можно не 3 фото top grid, а сколько угодно поставить /Newspaper/mobile/includes/shortcodes/td_module_mob_1.php. Там можно поставить лимит top grid.
Вопрос другой теперь.
Можно ли отдельно в мобильной теме править заголовки в CSS.? И как уменьшить размер логотипа в footer в мобильной теме?
Спасибо за внимание. И за ответ, если будет.
Good afternoon, Simion. With the narrow size of the images in the top grid figured out. I found where you can get 3 photo topgrid, and any put /Newspaper/mobile/includes/shortcodes/td_module_mob_1.php. There you can set the limit of top grid.
Question the other now.
Is it possible to separate mobile theme to edit the header in CSS.? And how to reduce the size of the logo in footer in mobile theme?
Thank you for listening. And for the answer, if will.
This code will be a solution to the affix problem in that demo
– https://www.screencast.com/t/ql8cNVRScQf
If you decide to use it again, enter this code in Theme panel->Custom CSS section
@media (min-width: 1141px) {
.td_stretch_container .td-header-menu-wrap.td-affix {
width: calc(100% - 40px * 2) !important;
}}
Sorry for the inconvenience.
Okay, thanks. I’ve heavily customised the theme, so I need put the css, functions and other various files in that I’ve changed.
Then, I update the master theme, and my changes stay but the theme is updated?
Thanks
Hi,
Unfortunately there’s no color option for breadcrumbs, but you could use custom css in Theme Panel > Custom Css – https://www.screencast.com/t/TeWxAc57Jsmv
.entry-crumbs, .entry-crumbs a {
color: #ea1a1a;
}
For category tag there is an option in panel – https://www.screencast.com/t/Nq3SBqRaF8 You can set a specific color for each category.
Thanks!
Hi,
Thank you for your appreciation. That would be the page padding bottom, you could remove it for the homepage if needed, enter this code in Theme panel->Custom CSS section
– https://www.screencast.com/t/3JwopiTWaX
.home .td-main-content-wrap {
padding-bottom: 0;
}
Thanks
Hi,
That demo is using an older version of the theme, the socials have been changed and that style is no longer available, there were others added
– https://www.screencast.com/t/bfpfIivFKM
I could give you a code to make the socials display like in the demo, first use social style 2
– https://www.screencast.com/t/Yq69Yoe4Ie
Then enter this code in Theme panel->Custom CSS
– https://pastebin.com/Sm1sW0pn
This should be the result – https://www.screencast.com/t/MEKxS8CiXU
Thanks
Hi Simion,
Thanks a lot for the respond.
I copied and pasted the css code above: https://i.snag.gy/6SAe7y.jpg
Yes, it works. But social network icon gone red: https://i.snag.gy/4urqki.jpg, this not good. 🙂
And how to change color of Author hypertext too: https://i.snag.gy/cNrS6B.jpg
Best Regards,
Hi,
Is it possible to show the date of posts on one block/module only on td_module_16 using css? I’m using this module on category pages and just want the date to show on that module.
Have you carefully read the link I gave you?
https://www.screencast.com/t/7NU4jsu7G06
In my opinion, the screenshot everything is clear.
You need to delete the code marked on the screenshot in the file editor-style.css, which is located in the themes folder of Newspaper.
Also keep in mind please:
You could make a backup of the modified file, and after updating the theme replace the file with the modified one. Or check to see if this file can be overridden by a child theme.
Child theme support: https://forum.tagdiv.com/the-child-theme-support-tutorial/
Hello, is there an option for the topic to take the sources from the server? In principle the Roboto and Open sources should take them from there but I get that they are external css.
Hi,
I know there is CSS for it in the style.css file, but there is more CSS for it right above the footer in the source HTML code. I’m looking for that location. I’ve already found the CSS from style.css. There is more that’s generated above the footer HTML.
Also, do you know anything about the ads question I mentioned above?
Thanks!