Search Results for 'css'

Results from the Forum
Anamaria
tagDiv Staff

Hello,

I just checked your website, and now the mobile menu works well => https://www.screencast.com/t/xDWk3MNv76YO

The page speed is not related only to the theme that you are using, this is affected by plugins/content/ads/ external resources, etc.
I just checked your website and it looks that your images and thumbs are not optimized, for example, you can use EWWW Image Optimizer plugin, also, you can try other plugins like Autoptimize. Your website needs an optimal speed that’s why you need to make some settings also to help for the improvement.
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://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
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/
However, page loading speed can depend on many factors, and each website is unique from this point of view.
Let me explain some of these factors and maybe they give you some starting points for optimizing your website.
External factors: server speed, if you are using CDN or not, the external resources loaded by your website like ads, fonts, tracking scripts like Facebook Pixel, Google Analytics, Twitter analytics, Hotjar and so on.
Internal factors: the number of elements on the page, image size, image formats, if you are using mobile optimized layouts, console errors, if you are using the Standard Pack plugin on not if you are using PRO demo or a standard one.

By the way, we have such a great result with this new update and with our new tool: https://www.youtube.com/watch?v=tnkVapqhIHc
Our tool is running only on normal pages and not for posts or categories for example.
“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/ )
.

Hope this helps you!

Thank you!

Anamaria
tagDiv Staff

Hello,

To disable that effect, you need to use a custom code CSS

<style>
.td-element-style-before {
transition: none!important;
-webkit-transition: none!important;
opacity: 1!important;
}
</style>

Set the code in Theme Panel -> Analytics / JS Code =>https://www.screencast.com/t/WbKJW3EYwK

Thank you!

slivertorp
Participant
#0

Hi amazing people here,

I started to use facets from wpGridbuilder such as: https://demos.wpgridbuilder.com/map/
Is there any way to modify facets CSS with your theme?

The dev from gridbuilder told me to use Oxygen or Elementor add ons: https://wpgridbuilder.com/add-ons/elementor/
but I am afraid that it might conflict with tagDiv composer and break the website.

So far this the code I use for the facet: https://imgur.com/ryheu0Z unfortunately the “column text” block doesn’t give me the flexibility to change the font and color of the facet.

Thank you very much in advance for your help and advice.
Adrien

matthewbath
tagDiv Member

Hi Bettina,

Thanks for the reply!

However, I only want this applied to the Products page. The CCS adds padding across the entire site, which I want to avoid as it breaks the design.

Any way to limit the CSS solution (which works!) to just the Products page?

Thanks

Bettina
tagDiv Staff

Hello!

1. Try to add this CSS code:

.tdc-header-template .td-main-page-wrap, .tdc-no-header .td-main-page-wrap {
padding-top: 50px;}

2. Unfortunately, this will require custom work which is not covered by the support team.

Thank you!

Anamaria
tagDiv Staff

Hello,

If I understood correctly, you want to change the background color of the menu header, right?
For this, you need to select the viewport on phone, select the zone of mobile menu and from the tab “CSS” you can change the background color => https://www.screencast.com/t/uO47flEmmeP
You can find more tutorials on our channel on youtube =>https://www.youtube.com/user/tagdiv which can help you to redesign.

Hope this helps you!

Thank you!

ibasher
tagDiv Member

Hello Vlad.
I did update everything to V10.4 prior to this issue, so the problem is still there.
So I just renamed class=”td-subcat-filter” and wrote my own CSS for it. A bit hacky, but it works.

  • This reply was modified 5 years by ibasher.
Anamaria
tagDiv Staff

Hello,

To change the color of the header, please edit with tagDiv Composer => https://www.screencast.com/t/v8yuNjlETd select the header menu -> Zone => and the tab called “CSS” you can remove the border value, or change the color of border => https://www.screencast.com/t/q9k0nc0lw7x

Hope this helps you!

Thank you!

ivkoit79
tagDiv Member

Hi. I did that already. I enabled it when I started creating my header, but for some reason sticky menus disappeared. I was not able to return them back it went straight to Zone without showing empty sticky row which is for creating sticky menus. For instance, in manager I click on mobile menu sticky and then it automatically shows me area (row) where I can create mobile menu sticky. If i erase this area (row) I can’t create it again which means I can’t create sticky menu whether it be for mobile or for desktop version.
However, I solved the problem it was some code in my custom CSS that interfered with newspapers theme code. Anyway, erasing sticky row (mobile or desktop) for me at least won’t let me create another sticky row.
Thanks.

danishmallick
tagDiv Member

It’s working now, I also like to mention that migeez.com is just a testing website where i test the newly purchased theme for a couple of months before i add the theme to the actual money site that has traffic. So now i hope that if i add this theme to my actual money site that has similar tables in several posts, the site won’t break after adding that css code.

thefeedski
tagDiv Member

Hi Anamaria,

Rocket loader is off (and has been off) when the CSS Analyzer gets stuck. Any other idea as to why it might not be getting past step 6?

Bettina
tagDiv Staff

Hello!

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/

We tested our tool, and we have such great results!
Take a look in this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/

Thank you!

Bettina
tagDiv Staff

Hello!

Please replace that CSS code which I provide above with this one:

.td-header-style-6 .td-header-menu-wrap:not(.td-affix) .td-main-menu-logo img {
height: 90px!important;
width: 383px!important;}

2. Set as normal text here: https://www.screencast.com/t/1FbxcVM9KH

3. Also the font you can set up in theme panel where I pointed you in the screenshot from point 2.

Thank you!

dharmendra11
tagDiv Member

My website Score is still between 20-30
Remove unused CSS Done
Use WP Super Cache Plugin Done with your Recommended Settings

Anamaria
tagDiv Staff

Hello,

To change the color of the pagination, you need to use this custom code CSS => https://www.screencast.com/t/r6Khv0c8y


.td-next-prev-wrap{
background-color: red!important;
}

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

Hope that helps you!

Thank you!

Anamaria
tagDiv Staff

Hello,

In most cases when tagDiv Css Analyzer has stopped it when is use Cloudflare and the Rocket Loader is active (in our guide it is mentioned the Rocket Loader must be disabled).

Let me know the results!

Thank you!

squallhajime
tagDiv Member

Hi its just a normal widget function in wordpress. I didnt install any widget plugin or css plugins. the item below is table of contents plugin but the header is still using the original wordpress widget header.

Theres a css code “:before”
.td_block_template_7 .td-block-title:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAABmZmZ+SwYRAAAAAnRSTlMAOF6RdaYAAAAVSURBVAjXY1BgcGBoAEIHIEuAQQAAEdAB4b4poC8AAAAASUVORK5CYII=) repeat top left;
How do i remove that?

stunner
tagDiv Member

Also your too (CSS Analyzer is not working) it is stuck.

We have installed no plugins, only your demo. We have a very powerful dedicated server..

So?

https://prnt.sc/124726b

pabucketlist
tagDiv Member

I sent the requested info, but I also see one of your folks sent me an email with the following custom CSS for the mobile theme, and it worked to solve the issue:

.wp-block-image .aligncenter>figcaption {
display: block;
}

Calin
tagDiv Staff

Hi,
The code need to be set in Newsmag> Custom code> Custom css.
Then it should work.
Let me know the results!

Bettina
tagDiv Staff

Hello!

Yes, because your website need an optimal speed that’s why you need to make some settings also to help for the improvement.
By the way, we have such a great result with this new update and with our new tool: https://www.youtube.com/watch?v=tnkVapqhIHc
Take a look in this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/

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://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
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/

Thank you!

jasonpel
tagDiv Member

The custom CSS used to fix the menu in my case:

body .tds_menu_active3 .tdb-menu > li > a:after {
opacity: 1;
background-color: #289dcc;
transition: opacity 0.2s ease;
height: 100%;
z-index: -1;
}

Or you can revert back to version 10.3.9.1 until this is fixed in a future update.

Thanks for the help!

Bettina
tagDiv Staff

Hello!

Try to add this CSS code like this:

.tagdiv-type ul li:not(.blocks-gallery-item), .tagdiv-type ol li:not(.blocks-gallery-item) {
line-height: 1!important;}

Thank you!

Vlad S
tagDiv Staff

Hello !

In order to be able to adjust it you will need to use CSS or use a category template that is fully editable using tagDiv Composer.

Please provide a link to your category page so we can take a look if you would like a css code.

Thank you !

Anamaria
tagDiv Staff

Hello,


@gooma2
made some very good suggestions and you can try them, also, to increase the page speed you can check these similar topics for more solutions:
-> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
-> https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
You can try our newest tool called tagDiv CSS Analyzer which comes in handy to resolve some of your issues. Take a look at the video guide here: https://www.youtube.com/watch?v=tnkVapqhIHc
“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.

Hope this helps you!

Thank you!

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