Hi
1. When i view my site http://www.wpdiv.com via mobile devices, line height had issue.
2. Logo background turned into black.
Here is the screenshot http://i.imgur.com/zkj68gT.png to illustrate the issue.
Hello,
1)I have checked your website and did not see the line-height issue: http://screencast.com/t/Mpy5eP3pHIzc. Mybe you got it fixed in the meantime…
2) Your logo background is transparent: http://screencast.com/t/Fn85tKlxF0g so it will pick-up the background from the container color. In this case black. (when changed to red: http://screencast.com/t/lWc4A41OY)
Thank you!
1. No, have not change any CSS for line height issues,. I think you have resized your browser to check the line height issues. Please use mobile device to regenerate the issue or check this page mobile device screenshot http://i.imgur.com/zkj68gT.png
or run the page test
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.wpdiv.com%2F&tab=mobile
You might noticed the same issue regenerated in screenshot http://prntscr.com/8zav0a
(Note : The screenshot i have attached here http://i.imgur.com/zkj68gT.png grabbed through my smartphone.)
2. Ok, let me use the JPEG image for logo. Thanks to notify.
Hi,
It seems emulators are not always right. I only saw the error when i set it to simulate an iphone (on a mobile device the error was there) I also saw that the margin gets a bit cut off as well. Please use this custom CSS to adjust the line-height and the margins:
@media (max-width: 767px){
.td-pb-row {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.td-md-is-ios .block-title span, .td-md-is-ios .block-title a, .td-md-is-ios .block-title label {
line-height:19px!important;
}
}
Thanks.
Above CSS not working.. take a look http://prntscr.com/900ebd
It works when i request desktop site from my mobile browser, otherwise it did not work.
Hi,
I guess you use an old version of child theme and you have there a css for block title. Compare this – http://screencast.com/t/vpVH4F4zx Here is the css from version 4 – http://screencast.com/t/viA0TCCVOF
So I suggest to the latest version provided with the theme, you can find it in /code folder from files that you download from themeforest. Any old customization(code or css) have to be adjusted to work well in Newspaper 6.
Thanks!
Hi alin
Let me try your suggestions and get you back if there is any issues.
Thanks to notify
With regards
Selvam.S
Hi Alin
I had setup staging website here http://www.wpdiv.ml/ (clone of http://www.wpdiv.com) and make changes in the CSS properties (by finding font-family syntax via our theme) in child theme based on your latest version of Newspaper theme 6.5.1 and here is the child them URL http://www.wpdiv.ml/wp-content/themes/WPDIV/style.css
But some reasons, i did not worked and renders the system default font instead of custom font Titillium. (Did cleared the cache before posting this reply and when i replace the old child theme style sheet http://www.wpdiv.ml/wp-content/themes/WPDIV/old_style.css custom fonts loading without any issues)
Will you please guide me the right way where i did made mistake?
Hi,
I have checked your page source and your custom font is not loading, try to add the exact code used on site where it works of course using the path where the font is uploaded – http://screencast.com/t/b7fZlVNXL
Thanks!
Thanks for your continuous update,
As i said earlier, custom fonts are located in the same folder /wp-content/themes/WPDIV/fonts and had declared the same path in http://www.wpdiv.ml/wp-content/themes/WPDIV/old_style.css which works without any issues.
But after using the latest 6.5.1 stylesheet declarations in child theme here http://www.wpdiv.ml/wp-content/themes/WPDIV/style.css
I am currently using http://www.wpdiv.ml to troubleshot this issues..
(Note : If you need the login credentials, let me send you via email to troubleshoot further)
Expecting your kind help in this regard to get it done.
Hi,
Please try to add also the src for svg format, this is the main difference between your files so I guess that’s why is the font is not loading – http://screencast.com/t/4VqckgxYh3
Thanks!
Hi alin
As you know well, now a days most web browsers depreciates the use of SVG fonts and unable to declare gZip compression via .htaccess declaration. Thats why i have removed it.
Will you please suggest me the better way and i need the solution.
Hi alin
Currently i have used old version of CSS file that comes with Newspaper theme 4.6.3. But modified CSS file based on latest newspaper theme 6.5.1 not working any more and i have renamed it as old_style.css and located here http://www.wpdiv.ml/wp-content/themes/WPDIV/old_style.css
I still need your help to troubleshoot this issue. Can i send you the FTP and WordPress credentials to troubleshoot the issue?
Expecting your support
With regards
Selvam.S
Hi,
Please make sure you use the child theme version provided with the theme as we have changed the child theme system from version 6.3 – http://screencast.com/t/Q9Z4Lf7tihc Then check the code that you add in stylesheet file, to not have any errors. If you use CDN you will have to purge your files and also clear all cache.
I suggest to get someone to help you as this requires some time to check and unfortunately we care not available for custom services at the moment, sorry!
Thanks!
