Search Results for 'css'

Results from the Forum
Z_V
tagDiv Member

I add:
.tdi_33 .tdb-menu > li:hover > a, .tdi_33 .td-subcat-more, .tdi_33 .td-subcat-more > .tdb-menu-item-text{
color: #aaaaaa;
}

To your CSS and It seems working, but If you can verify that I didn’t mess up anything else I will be really happy!

Thank you:)

Z_V
tagDiv Member

Hello Anamaria!
Well it worked like a charm!

There is just little hatch, and that is – It turns off hover effect in my Top “STICKY” Menu with items “Domu, Lidé and Shop”.

Again you can compare it with my home page and with every other category.
On my homepage there is slightly graying hover effect, unfortunately after the application of CSS this hover effect is gone on very category site.

Can be tweaked the CSS code you posted to work it like this?

Sorry for my English, but I hope if you compare the Top Sticky Menu on my homepage with the any of the sticky menu in the categories you will see the difference.

Thank you for your help!

madamcza
tagDiv Member

Thanks, that’s exactly what I wanted to achieve.

Site is not yet in live mode, I’ll try to experiment with suggested CSS and see the results.

epicured
Participant
#0

Hello,

Our CLS scores are being impacted by the theme. We use the mobile theme and our latest posts as homepage, but your new CSS Analyzer doesn’t show up in the menu option above.

Is there a way I could improve our CLS scores and/or run the CSS Analyzer?

Thanks

Anamaria
tagDiv Staff

Hello,

To remove the unwanted effect and to have the same effect like on the header from homepage, please use this custom code CSS => https://www.screencast.com/t/1KWbOiDOv


body .tdb-menu > li:hover > a, body .tdb-menu > li.tdb-hover > a, body .tdb-menu-items-dropdown:hover .td-subcat-more {
    color: #FFFFFF;
 background-color: #000000;
}
.tdb_header_menu .tdb-menu > li > a:after {
display:none;
}

Set the code in Theme Panel ->Custom code -> Custom CSS

Hope this helps you!

Thank you!

Anamaria
tagDiv Staff

Hello,

If you have the “more from author” and “Related Articles” in a tab like this -> https://i.imgur.com/ZuIs8Y1.png then you are using standard -> https://forum.tagdiv.com/design-post-pages-using-default-templates/ therefore in theme is only one option that disables both options -> https://i.imgur.com/M8bUmQu.png if you want to keep those templates the only way to remove the “more from author” tab is to use a custom CSS like this one:


.single .td-related-right{
display: none;
}

Set the code in Theme Panel ->Custom code -> Custom CSS
Hope this helps you!

Thank you!

Anamaria
tagDiv Staff

Hello,

Unfortunately, users can’t vote a post, the review is what you set on that post => https://www.screencast.com/t/GVuYAq1GN

“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
Our tool is running only on normal pages and not for posts or categories for example.
Check our video for more information about how to use it: https://www.youtube.com/watch?v=tnkVapqhIHc&ab_channel=tagDiv

Thank you!

Z_V
Participant
#0

Hello there, I am experiencing an issue with my menu with categories. On my main page everything works fine, but if you click on one of the categories (BLOG, TRAVEL, SMART, etc.) on the category page you will see a new unwanted hover effect(blue underline) on all titles of my menu and top header menu. It appeared after the update on new WP 5.7 and also new Newspaper Theme 10.4.

Here is the link to my homepage where everything is good: https://blogneblog.cz

And here is one of the categories where it is messed:
https://blogneblog.cz/smart/

I was trying to solve it out with CSS customization, but so far no luck.

Could you be so kind and help me solve this issue.

Btw. in the TagDiv composer looks everything good without the unwanted hover effect, but after trying to save it it is just not taking the effect.

Thank you for your help.

Anamaria
tagDiv Staff

Hello @trebol30,

To remove the link on the author name, please use this custom code CSS => https://www.screencast.com/t/tUbmjm1NfFtV


.tdb-author-name{
pointer-events: none;
}

Set the code in Theme Panel ->Custom code -> Custom CSS
Hope this helps you!

Thank you!

Jose
Participant
#0

In the description of the last update, I think I read that users can vote using a star system to rate posts (something similar to the plugin rating starts). How is this done?
Can I use it in the predefined layouts or just by creating a new layout?

Taking advantage of the thread, where can I see the video where they explain the use of the css optimizer?

Thanks

Vlad S
tagDiv Staff

Hello !

I have tested this on my side and it could be done using CSS to hide the subcategories as you can see here: https://www.screencast.com/t/QUpYAyHZ4

We will need a link to your website in order to see how the code should look like on your end.

Thank you !

Calin
tagDiv Staff

Hi,
About the CSS, normal it is recure to it only if the settings from the theme panel are overwriting (like in your case), also we have a guide for how to inspect the elements from website and in this way you can see what CSS it is used https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Also for the menu, you can use this custom css -> https://i.imgur.com/ykmm0Lg.png
.sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: blue;
color: white;
}

Hope this will help you!

Patrick93
Participant
#0

I added a custom font in the theme panel. >> https://drive.google.com/file/d/1ctNTlvAYWr3h2PGCmn4aPkp-OMh1LlD5/view?usp=sharing
This font is for body text only. I added this here for all body text elements >> https://drive.google.com/file/d/1rvyDze8-HlacoUd0wPs_3csodMYVi-P-/view?usp=sharing

Now the question:
Is it useful to change the font in the theme CSS file as well?
>> https://drive.google.com/file/d/1xj8SCx6vfdypORZL25KZG3xmdY3tBoF5/view?usp=sharing

Or to add it in the Theme-Child style.css?

Bettina
tagDiv Staff

Hello!

Click on the header row and change the background color from the CSS tab of the row’s settings.

Thank you!

Bettina
tagDiv Staff

Hi!

If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
https://tagdiv.com/how-to-increase-page-loading-speed/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Please give it a try and follow the steps which I presented above about page speed.
Also, check our guide from here: https://forum.tagdiv.com/how-to-make-the-site-faster/

Take a look in these topics because it could help you if you have the latest update:
https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/
https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/

Thank you!

Bettina
tagDiv Staff

Hello!

To achieve this, please do the next steps:
1. https://www.screencast.com/t/kF0iUG1ojie
2. Add this code in Newspaper -> Theme panel -> Custom code -> Custom CSS:

@media (max-width: 767px)
{ .new_class_centered .td_block_template_3 .td-block-title { text-align: center;}}

Thank you!

tranaee
tagDiv Member

I am really curious if you are reading thoroughly the 2 lines I am writing to you each time. I have described above that any custom font I am using is covered with a Barlow font which is marked as !important in the theme’s CSS. Please give me a solution. Is just about fonts guys, you ve made one of the best theme’s out there and you don’t seem to understand some basic stuff. Cmon ?

madamcza
tagDiv Member

Hi Vlad,

yes, that is the standard setup. And it works fine. But if this Fashion category has some subcategories in it, the mega menu will show on the right a column with subcategories names, that you can hover on and see ajax refreshed articles in megamenu from that subcategory.

My question is can I just skip this subcategory list in the megamenu with some css or any other tweak.

tranaee
tagDiv Member

But you are sending me to read something that I already told you that it doesn’t exist. https://forum.tagdiv.com/wp-content/uploads/2017/05/subsets.png
In ver.10.4 there is no such setting. I’ve tried to load custom fonts but anything I do an !important mark in the theme default css code puts Barlow font as the main font.
This is annoying. Please help!!

thorayork
tagDiv Member

Thank you!!!!
I like to play with Css, but I don’t know where to find the codes. Is there a guide or something?
I mean, the documentation I read explains mostly basic things. Or, every time I need something I need to ask you?
I mean, I would prefer to have access to codes and play around, and if I fail to do something, then ask you.
Can you also give me a code for the main menu active/hover? I want to change the white color in the Newsmag default demo.

Thank you very much!

Vlad S
tagDiv Staff

Hello !

Can you let me know if the issue is still available only with theme plugins active. If the issue is still there we can take a look via e-mail at contact@tagdiv.com and provide the following:

– admin url and credentials
– A link to this topic in order to identify you
Our team will take a look !

Also please note that this plugin is still a BETA version, however there have been a pretty big number of users that have updated and have found using CSS Analyzer be useful.

Thank you !

Anamaria
tagDiv Staff

Hello,

Please try this code


.single .td_flex_block_1 .td_module_wrap:nth-child(3) {
    clear: inherit;
}

Set the code in Theme Panel ->Custom code -> Custom CSS ->

Thank you!

Calin
tagDiv Staff

Hi,
If this is what you want -> https://i.imgur.com/OcsyCKb.jpg
Then try this css :
.td-pb-span4 .td_block_template_1 .block-title {
margin: 5px 0 30px;
display: block;
line-height: 1;
text-align: center;
}
.td-pb-span4 .td_block_template_1 .block-title span {
font-family: montserrat,arial,sans-serif;
font-size: 18px;
line-height: 1;
text-transform: uppercase;
font-weight: 500;
color: #222;
background-color: transparent;
padding: 0;
position: relative;
display: block;
top: 0;
}
.td-pb-span4 .td_block_template_1 .block-title span:after {
content: "";
display: block;
width: 40px;
height: 3px;
margin: 10px auto;
background-color: #5380fc;
}

Set the code in theme panel> custom code> custom css and all header from sidebars will have that layout.
Hope this will help you!
Thank you!

Calin
tagDiv Staff

Hi,
About the tiktok icon, it looks that the code from our theme from icons is deprecated and that it is way is no longer display.
For the moment the only solution is to use an icon and set it with css.
Also I will search for anther methods to provide a fix.
Thank you!

diogofelix
tagDiv Member

Hi Bettina,

I have tested the new tool (Css Anlyser) and our website is not had a good results. Are there another things for performance?

We are extremally worry with this. The low performance was show us after the new version the newspaper theme.

Thank you.

Viewing 25 results - 5,576 through 5,600 (of 33,436 total)