Search Results for 'css'

Results from the Forum
Stoimen
Participant
#0

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 .

Simion C.
tagDiv Staff

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.

Simion C.
tagDiv Staff

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

Simion C.
tagDiv Staff

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

Simion C.
tagDiv Staff

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.

Simion C.
tagDiv Staff

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

Simion C.
tagDiv Staff

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.

gabriel79
tagDiv Member

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

NickDeBaerdemaeker
tagDiv Member

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 🙂

brenbrinkman
Participant
#0

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!

Jasmin
Participant
#0

Hello,

is there a way to reduce the amount of postloaded javascript and css files? It results in bad evaluation.

Edward
tagDiv Member

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;
}

gabriel79
tagDiv Member

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

chazlight1
Participant
#0

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!

bellendir
tagDiv Member

Добрый день, 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.

Simion C.
tagDiv Staff

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.

GiacomoLaw
tagDiv Member

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

Alin [tagDiv]
tagDiv Staff

Hi,

Unfortunately there’s no color option for breadcrumbs, but you could use custom css in Theme Panel > Custom Csshttps://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!

Simion C.
tagDiv Staff

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

Simion C.
tagDiv Staff

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

fahmineo
tagDiv Member

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,

jsupple05
Participant
#0

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.

Edward
tagDiv Member

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/

juanca1612
Participant
#0

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.

420productions
tagDiv Member

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!

Viewing 25 results - 14,451 through 14,475 (of 33,436 total)