Other couple quick fixes for post header image not working properly with different screen sizes

body .td-backstretch {
max-width:100%!important;
}
@media (min-width: 320px) and (max-width: 374px) {
body .td-backstretch {
max-width:190%!important;
}
}
@media (min-width: 375px) and (max-width: 410px) {
body .td-backstretch {
max-width:180%!important;
}
}
@media (min-width: 411px) and (max-width: 500px) {
body .td-backstretch {
max-width:150%!important;
}
}
.td-boxed-layout .td-container-wrap {
width:100%;
}


So now the full list of css mods is


.td-big-grid-post .td-module-thumb img {
max-width:100%!important;
}
.td_module_mx1 .td-module-thumb .entry-thumb {
max-width:100%!important;
}
img {
width:auto!important;
}

@media (max-width: 767px) {
.td_block_image_box .td-image-box-row {
margin:0!important;
}
}


Oh by the way. I’d like to help out reporting mistypes in style.css such as a typo in row 446 “auto/9;” on img. How can I do that?

Hi Simion,
thank you for your kind answer!
I’ve followed your advice to no avail since perspective:unset is already called in main.css but doing so I’ve found what’s the real problem.
It seems that td-composer is calling td_legacy_main.css which overrides main.css. I’ve tried to deregister and dequeue with this to no avail:


function dequeue_legacy_css() {
wp_dequeue_style('td_legacy_main');
wp_deregister_style('td_legacy_main');
}
//add_action('wp_enqueue_scripts','dequeue_my_css');
// add a priority if you need it
add_action('wp_enqueue_scripts','dequeue_my_css',100);


So now I’m making several manual overrides such as


.td-big-grid-post .td-module-thumb img {
max-width:100%!important;
}


I understand that you’ve got to implement the legacy files for those that have made heavy modifications to their themes but can you kindly implement a way to disable single legacy parts via theme panel (or functions.php) please?
Best,

– Luca

Hi Bogdan,
I’m referring to the weird crop focus I’m experiencing after 9.7 upgrade.
In short, before it was like this:
https://web.archive.org/web/20190122023354/https://italyze.me/

Now it’s this:
https://italyze.me/

So. Below 1200px (media queries?) is looking ok:
http://i67.tinypic.com/15me1bn.png

But as soon as I go beyond the threshold it goes messy:
http://i68.tinypic.com/11u9utc.png

I’ve disabled every plugin, cleaned caches (also rebooted apache), disabled Cloudflare and everything you could tell me to try before posting here.
Help?

Same problem here

Hi Bogdan,

thank you! Kindly give me the weekend try to pinpoint the issue myself else I’ll arrange an account for you. I’ll be sending you more info via email.
Cheers,

– Luca

Hi Bogdan,

I understand your point and I’m going to try to clarify the issue better.
What I mean is that the paragraph enclosed in <p> below the image is not shown(!).
So, image (caption and all) is shown but not any text added below it.
Per what I see, the element ‘Description’ in the array is passed only on smart list 8 but not on the others.
Any ideas, please?

– Luca

Hi Bogdan!

Hmmm… tried number 8 smart list (the one you’re using on your example) and it indeed works. But not quite the others. In the specific:

Smart list 1
Shows number, title and image but NOT the description

Smart list 2
Shows number, title and image but NOT the description

Smart list 3
DOES NOT show number, title, image and description

Smart list 4
Shows only the image (small on the right) but NOT number, title and description

Smart list 5
Shows number, title and image but NOT the description

Smart list 6
Shows number, title and image but NOT the description

Smart list 7
Shows number, title and image but NOT the description

Smart list 8
WORKS!

So what’s going on? 🙂
P.S.: I do have latest theme version and am under wp 4.6.2

• This reply was modified 9 years by barelliluca.

Hi Bogdan,

sorry for the late reply.
You’re right! I completely missed the CSS concatenation rules of thumb…
Thank you for pointing me to that chrome ext. I’ve been using manual CSS changes via debug mainly to spot “where is what”, but it’s a pain for editing.
About Cloudflare, I’m using minification plus whatever defer/async rules Rocket Loader uses. This is just a temporary (hopefully) solution, since I’ve got no time to setup these manually at the moment.
Thank you again for your help; tagDiv support always rocks!
Wish you a nice day,

– Luca

Hi Bogdan,

sorry for the late reply and thank you very much for your support!
With your solution I’ve managed to solve my needs with a little hack, since your code remove the Page style 8 effect.
This code worked for me:
.single-post #td-outer-wrap{width:100%!important;}

Oddly enough this one didn’t
.single-post .td-boxed-layout #td-outer-wrap{width:100%!important;}

I don’t know where my problem comes from.
Maybe it’s related to Cloudflare rocketscript messing with your javascript?
Anyway I’m planning to move away from W3TC and to implement a Varnish + other local cache + optimized deferring in the near future.
100% of the problem is on my side but if you want I am glad to provide you any information you want.

Lastly, I’m using WP performace pack to serve my images on the fly. I’ve seen some php scripts (other than timthumb) that does the job and that can be included in theme development. Why don’t your theme implement that solution in your next work?
I’m sure everyone (including me) will buy that no matter the price!

Regards,

– Luca

Hi Bogdan,

I can confirm that I’m working on the right file (garbled text showing up correctly).
Still it says td-boxed-layout…

I’ve flushed APCu cache (service apache2 restart).
I’ve set

// activate the boxed layout - if we have an image or color
if ($background_params['theme_bg_image'] != '' or $background_params['theme_bg_color'] != '') {
$background_params['is_boxed_layout'] = false;
}

I’ve even tried

case 'td-boxed-layout': //force a boxed layout regardless if the site has a bg image or bg color
$background_params['is_boxed_layout'] = false;
break;


Still nothing. I’m speechless and honestly I don’t know what to do anymore…
Help…

Hi Bogdan,

Still not working. I’ve followed your advice but I don’t know what I’m doing wrong.
See this http://preview.tinyurl.com/glm3pxu

I’ve cleaned both cloudflare and my local cache.
I’ve checked the syntax (using sublime text).
I’ve modified td_background in main theme plus I’ve recreated the structure includes->wp_booster->td_background.php (already modified) in child theme.
I’m on post style 7 and category style 8.

If there’s anything that can come up to your mind please let me know, also any theme panel settings I might be missing or messing. Thank you!

Hi Bogdan,

thank you for your kind reply.
I’ve tried your solution but, unfortunately, I’ve not been able to solve my issue.
As you can see from this link, the boxed layout is still there.
I’ve also tried to make further changes to td-background as well as hard-coding the td-boxed-layout behaviour from td-config.php to no avail.
Can you spare some more time to help me please?
Thank you,

– Luca

Hi Emil,

thank you for your suggestion, you’re totally right. I’ll search for a professional on hiring platforms such as Envato one.
Thank you again for such a fine theme.
Best,

– Luca

Hi Emil,

thanks for taking time to look into my problem.
I do use SEO by Yoast too and I’ve never touched the code in your theme until recently.
What’s puzzling me is that search engines don’t fetch what they should.
Meta description is random, there’re no categories in google search and so on.
Do you know anyone that can provide me paid SEO code assistance please?
This is the data structure output:

WebSite
url: http://italyze.me/
name: ItalyzeMe
potentialAction [SearchAction]:
target [EntryPoint]:
urlTemplate: http://italyze.me/?s={search_term_string}
query-input [PropertyValueSpecification]:
valueName: search_term_string
valueRequired: http://schema.org/True

SiteNavigationElement: http://italyze.me/td-header-menu
url: http://italyze.me/
name: ItalyzeMe
url: http://italyze.me/
name: ItalyzeMe
image: http://italyze.me/wp-content/uploads/2015/08/coltivazione-aglione-218×150.jpg
name: L’aglione della Val di Chiana
url: http://italyze.me/laglione-della-val-di-chiana/
image: http://italyze.me/wp-content/uploads/2015/08/consorzio-patata-rossa-cetica-min-218×150.jpg
name: La patata rossa di Cetica
url: http://italyze.me/la-patata-rossa-di-cetica/
image: http://italyze.me/wp-content/uploads/2015/08/paccheri-rigati-pomodoro-218×150.jpg
name: Paccheri o Schiaffoni?
url: http://italyze.me/paccheri-o-schiaffoni/
image: http://italyze.me/wp-content/uploads/2015/08/fugassa-ligure-218×150.jpg
name: La fügassa ligure
url: http://italyze.me/la-fugassa-ligure/
image: http://italyze.me/wp-content/uploads/2015/09/miele-218×150.jpg
name: Golosa luna di miele agli sposi!
url: http://italyze.me/golosa-luna-di-miele-agli-sposi/
image: http://italyze.me/wp-content/uploads/2015/09/gigli-pomodoro-mulino-218×150.jpg
name: Una sosta al Mulino Val d’Orcia
url: http://italyze.me/una-sosta-al-mulino-valdorcia/
image: http://italyze.me/wp-content/uploads/2015/08/carbone-218×150.jpg
name: Cucinare con la cenere
url: http://italyze.me/cucinare-con-la-cenere/
image: http://italyze.me/wp-content/uploads/2015/09/lavorazione-legno-attrezzi-ceppo-218×150.jpg
name: I bigonai del Casentino
url: http://italyze.me/i-bigonai-del-casentino/
image: http://italyze.me/wp-content/uploads/2015/09/moggiona-218×150.jpg
name: Moggiona tra monaci e artigiani del legno
url: http://italyze.me/moggiona-tra-monaci-e-artigiani-del-legno/
image: http://italyze.me/wp-content/uploads/2015/08/tortello-cetica-218×150.jpg
name: Andando per tortelli in Casentino
url: http://italyze.me/andando-per-tortelli-in-casentino/
image: http://italyze.me/wp-content/uploads/2015/08/monteriggioni-tramonto-218×150.jpg
name: La leggenda di Monteriggioni
url: http://italyze.me/la-leggenda-di-monteriggioni/
image: http://italyze.me/wp-content/uploads/2015/08/monteriggioni-campi-grano-218×150.jpg
name: Monteriggioni cuore ideale della Toscana centrale
url: http://italyze.me/monteriggioni-baricentro-ideale-della-toscana-centrale/
image: http://italyze.me/wp-content/uploads/2015/09/grifi-piatto-218×150.jpg
name: I grifi all’aretina
url: http://italyze.me/i-grifi-allaretina/
image: http://italyze.me/wp-content/uploads/2015/09/cecina-218×150.jpg
name: Cecina, Farinata, Caldacalda o cinque e cinque?
url: http://italyze.me/cecina-farinata-caldacalda-5e5/
image: http://italyze.me/wp-content/uploads/2015/03/pici-allaglione-218×150.jpg
name: I pici all’Aglione
url: http://italyze.me/i-pici-allaglione/
image: http://italyze.me/wp-content/uploads/2015/08/penne-al-pesto-closeup-218×150.jpg
name: Il vero pesto genovese
url: http://italyze.me/il-vero-pesto-genovese/
image: http://italyze.me/wp-content/uploads/2015/07/zuppa-del-tarlati-chef-vitale-218×150.jpg
name: Una zuppa del Tarlati da Chef
url: http://italyze.me/una-zuppa-del-tarlati-da-chef/

You’re welcome!
Glad to be of help

@steventsakanikas

I just realized your problem is different than mine. I’ve had a rendering problem with pictures. Not changed into weird characters…

@bogdan-b is right

Hi Alin,

I understand what you say.
I think the fact that both Newspaper and the SEO plugins declare og and schema data creates conflicts.
That’s why I’ve had to remove some declarations hardcoded in theme’s header.php.
Now Google serves my META DESCRIPTION correctly for the Italian version.
I’d like to know which other SEO declarations have you hardcoded in your theme so have an easy way to find them!

Since you’ve already done an extensive SEO work on your theme, maybe you should consider integrating a SEO plugin in your theme =)

Thank you again!

Hi Alin,

that code comes from the homepage. Straight from VC code from Newspaper 6.5.
I think it’d be fairly easy for you to add the missing values since most other blocks do have them (eg. the post blocks).
Your theme is great and your support and updates are always perfect.
Keep up the good work!

I quote Emil.
You have to install an application firewall (NinjaFirewall?) or enable and configure ufw (if you’re on Ubuntu Server). Otherwise there’ll be no way to stop hackers…

Do you use Jetpack Photon? Then it’s related to that and there’s no way to solve that/remotely delete their cache. Had to disable it

Thanks Alin,
That solved this issue for me!
Your tip should be pinned on the frontpage.
Best,

Hi Alin,

tried Big Grid Slide (in VC between Big Grid 8 and News Ticker) to no avail.
Can’t reproduce the layout as per your screenshot. Still the other 3 smaller images are shown in line with scrollbar on the bottom.
I’m on v6. Maybe upgrading to v6.1 solved the issue?

Thanks!

Hi Alin, thank you for your reply!
I was testing this on chrome desktop via a spoofin agent plugin set to iPhone iOS.
I’m not the only one experiencing this issue but Emil has already replied to me on Envato platform saying that this is working as expected.
Anyway this is very strange to me since in v4 I was able to achieve this with the Big Grid:

View post on imgur.com

p.s. the second image is weird but is a bug related to my screenshot plugin =)

Any ideas, please?
Thank you for your great support!

• This reply was modified 11 years by barelliluca.