How to fix -Touch Target Sizes and Spacing

Posted in: Newsmag
Post count: 80

Please help me I need to correct my page’s touch target size and spacing so how to do it with ccs code or if there is any setting in theme then tell me step by step

screenahots attached -https://we.tl/t-WSMBgELQVK

Post count: 35449

Hello,
I just checked and it appears that you manage to resolve the problem – https://i.imgur.com/jmo8aV7.png
Thank you!

Post count: 80

Yes Calin i have fixed the issue but one more issue i have found I can’t solve this Please help me I need to correct my background and contrast so how to do it with ccs code or if there is any setting in theme then tell me step by step

screenshots attached – https://we.tl/t-JEaI7NzYgV

Note – Please dont attached imgur file my system is not supported choose other format

Post count: 80

I am trying to solve this issue since last 3 days but it seems I will not be able to do it. I need your help in this.

Post count: 35449

Hi,
Please add this custom css in the theme panel:
body .td-grid-style-1 .td-module-thumb a:last-child:before,
{
background: linear-gradient(to bottom, #000000 0%, #000000 100%);
}

and let me know if it fixes the problem for the first block, if it does, then we’ll adapt the code for the rest of the grids. I am waiting for your answer.

Post count: 80

Something is wrong with this code-https://we.tl/t-pFHvgFGW3K
body .td-grid-style-1 .td-module-thumb a:last-child:before
{
background: linear-gradient(to bottom, #000000 0%, #000000 100%);
}
i think remove coma

Post count: 80

not working Calin Ji

Post count: 35449

Hi,
Sorry, I added a comma by mistake, please try this one:
body .td-grid-style-1 .td-module-thumb a:last-child:before
{
background: linear-gradient(to bottom, #000000 0%, #000000 100%);
}

It should bake the background darker and the text should be more visible – https://i.imgur.com/DMnZ9p7.png

Post count: 80

I implemented it yesterday by removing the comma but the issue was not solved, please check it, I have implemented the code again.

Post count: 80

desktop issue has been solved but mobile contrast issue is still showing
i need your support for this-https://we.tl/t-c9yfyF2yk7

Post count: 80

I am asking you so many questions because since last 5 days my search console’s core web vital desktop reports show the URL as poor URL and shows many other URLs in need of improvement.
LCP issue: longer than 2.5s (desktop)
CLS issue: more than 0.25 (desktop)
Sometimes the reports are visible and sometimes they are not.

Do you know Google is deindexing many websites right now, I am trying to use it correctly so that my website does not also get deindexed.
i need your support for this-https://we.tl/t-c9yfyF2yk7

Post count: 35449

Hi,
I just cheek the website and now I no longer see the images on blocks and grids – https://i.imgur.com/Zi3Irwt.png and sems that are not loading at all. Now checking the page speed this is wow – https://i.imgur.com/5Mz6Klk.png -https://i.imgur.com/1dUjQKR.png
Related to the list you provided after you checked the theme using the plugin for theme checker, this is not quite related.
Now for Background and foreground colors do not have a sufficient contrast ratio from mobile the color on mobile should be stranger then desktop. On desktop should be at least 4.5 but on mobile needs to be over 7.
Thank you!

Post count: 80

Please guide me for mobile contrast isssue

Post count: 35449

Hi,
Ok, for mobile change the color for trending now and set it to have a background color #222, after that please replace the above provide css with this one:
body.page .td-grid-style-1 .td-module-thumb a:last-child:before,
.td_module_mx1 .td-module-thumb a:last-child:before {
background: linear-gradient(#0000006e, #000);
opacity: 0.9;
height: 140%;
}

Clear all cache and let me know the results!

Post count: 80

Something is wrong with this code -https://we.tl/t-prytlGUGdd

Post count: 35449

Hi,
Do not worry about the “!” (as long is not a red message is not a problem), that is just to note you about some global classes as it is “body”, or when it is used !important and others.
Thanks

Post count: 80

not working

Post count: 35449

Ok, I checked the pagespeed results and now the score looks fantastic.
Now it seems that the above code is not fixing the problem on mobile only from desktop, were seems to be now a problem only with the first module.
Please add this extra code in the theme panel for phone -> https://i.imgur.com/o0yNNA8.png:
.td-big-grid-meta,
.td_module_mx1 .meta-info {
padding-top: 16px;
background: #111;
}

and for desktop please use this code – https://i.imgur.com/TOTynbt.png :
.td-big-thumb .td-big-grid-meta {
background: #111;
}

Let me know the results!

Post count: 80

Thankyou Calin for your Response

please Check it i am putting code correctly or not
screenshots attached -https://we.tl/t-REQfocvOJb

One more helps for your sides I have attached the screenshot of my search console, you can check it and tell me what the issue is. Is there any issue with the code I have pasted because the articles I posted yesterday were not indexed?

Post count: 80

thank you very much Calin for helping me solve my color contrast problem, now my score is improving

Just review it – One more helps for your sides I have attached the screenshot of my search console, you can check it and tell me what the issue is. Is there any issue with the code I have pasted because the articles I posted yesterday were not indexed?

Post count: 35449

I’m glad that the color problem has been resolved! 😀
Ok, now related to mentioned problems, this one with the image – https://i.imgur.com/nCS9vuv.png it appears that the image was not yet converted in .webp format, now seems to be so that error should no longer appear for that image.
Related to https://i.imgur.com/mXEqyI2.png it appears that you have a robots.txt file where you have some code that is blocking the Googlebot that wants to check your website – https://support.google.com/webmasters/answer/13144973?hl=en

Post count: 80

both png file is not opened please atteched other format like wetransfer …imgur file is not supported my system

Post count: 35449

I’m glad that the color problem has been resolved! 😀
Ok, now related to mentioned problems, this one with the image – img1 it appears that the image was not yet converted in .webp format, now seems to be so that error should no longer appear for that image.
Related to img2 it appears that you have a robots.txt file where you have some code that is blocking the Googlebot that wants to check your website – https://support.google.com/webmasters/answer/13144973?hl=en
=> https://we.tl/t-pfLXY6Cszg

Post count: 80

First of all thanks to Calin for guiding me, my pagespeed result score is great for mobile-91 and desktop-96 but lighthouse result is different, why is it so, I have attached lighthouse screenshots, please have a look at it and what issue we can solve in this? Please help

https://we.tl/t-OIRgim2fd2

Post count: 80

First of all thanks to Calin for guiding me, my pagespeed result score is great for desktop-96,mobile score is down and but lighthouse result is different, why is it so, I have attached lighthouse screenshots, please have a look at it and what issue we can solve in this? Please help

https://we.tl/t-OIRgim2fd2

Viewing 25 posts - 1 through 25 (of 47 total)
The forum ‘Newsmag’ is closed to new topics and replies.