Hi all,
I’d like to know which file handles the boxed layout switch when background image is set in Theme Panel -> Categories -> Background Upload).
I’ve managed to prevent the image from showing by setting
.single-post .backstretch .td-backstretch {visibility:hidden;}
But now posts are still shown in “boxed layout”.
If possible I’d like to disable this function.
Thank you in advance for your support.
– Luca
Hi,
You can edit this file : http://screencast.com/t/OimXjMYR0bzm but if you prevent the boxed version of the site, your background image or color will not display as it will be hidden behind the main container. (td-outer-wrap)
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,
I have tested this again and the solution I provided above will remove the boxed layout:
default: http://screencast.com/t/1ZxPEI7biHX
after changing the condition to false: http://screencast.com/t/w5nVZKPlOs
Please try it again and clear your cache. Also please do not remove the comma at the end of the condition.
Thank you!
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!
Hello,
Are you maybe trying to modify it in the child theme? The wp-booster folder does not work from the child theme. This will have to be done in the main theme. Please check if ANY modification to the file apply. Add a few numbers or letters to the top of the file to see if they render on the front-end: http://screencast.com/t/uiHWiAMl (This is the easiest way to figure out if you edit the correct file and if your modifications apply)
Thank you!
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,
I suspect a caching issue. This will have to be investigated further in depth and unfortunately we cannot do it from here. If the width from the boxed layout is the only thing you wish to remove, then you can try this css alternative:
.td-boxed-layout #td-outer-wrap{
width: 100%!important;
}
I hope this helps.
Thanks.
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 Luca,
Glad to see you are making progress. Cludflare could be causing some issues if different settings are used. We have a guide on it with the settings we recommend: https://forum.tagdiv.com/cloudflare-cdn/
Your css above did not work because you use 2 classes that apply to the body. If you use both classes that are used by the same element you have to remove the space between them, so the code will work like this:
.single-post.td-boxed-layout #td-outer-wrap{width:100%!important;}
We use a little tool called live css editor. It’s a chrome extension that helps a great deal with editing css.
As for the implementation request, we try to implement as much features in the theme as we can but at the same time keep the theme as light as possible. It is a very hard decision as we have lots of suggestions and there are lots of cool stuff we could implement but it will only make the theme heavier (and it’s pretty ‘heavy’ as it is).
I will pass this info on to our development team and we’ll see what they decide.
Thank you!
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
