Full screen section background photos won’t stretch

CursiveQ
(@cursiveq)

4 years, 1 month ago

Hi,

I really like this plugin, but I’m having the hardest time getting the row background to stretch a photo or even a color full screen. Even when the Theme page template settings are set to “Full Width”.

I’ve tried a lot of options:
– I tried setting the max-width to something like 1920px – that didn’t work.
– I tried a completely different Theme (many other Themes with Full Width page templates) – that didn’t work
– I tried stretching both the row and the contents – that didn’t work.
– I tried VC, this did work, but I don’t want to use VC for this project.

All these options seemed to just keep the background in the bounds of the theme’s container.

Any thoughts or suggestions?

Cheers,
Mike

Viewing 11 replies - 1 through 11 (of 11 total)

Anthony Pham
(@tuongpg)

4 years, 1 month ago

Hi Mike,

Many thank you for your question.

About the issues, can you please explain with a screenshot?
with my understand, You want to have a photo auto fit with row.
I recommend you use the Background Size option on Row Setting > Styling > Background > BG Size
http://prntscr.com/dj4qkj

Hope that make sense.

Best regards,

Anthony

CursiveQ
(@cursiveq)

4 years, 1 month ago

Hi Anthony,

Thanks for replying. Here are some screenshots.

KC error

As you can see the BG Size is set to Auto, but I’ve tried all the other options as well… still won’t go full width.

It’s odd because I was using an earlier version of KC a few months ago and I didn’t have this issue, but as soon as I updated the other day, the stretched background won’t work correctly.

Thanks again for your help.

Cheers,
Mike

Moderator Jan Dembowski
(@jdembowski)

Forum Moderator and Brute Squad

4 years, 1 month ago

@tuongpg I’ve deleted your request to obtain the admin login to your user’s site. I’m am 100% sure you mean well but please never ask for credentials on these forums.

https://codex.wordpress.org/Forum_Welcome#The_Bad_Stuff

Now for the why: The internet is a wonderful place full of very nice people and a few very bad ones. I’m sure everyone here is very nice however, by giving some ones keys to your house you are trusting they wont steal anything. Likewise the person who takes the keys is now responsible for the house FOREVER.

If something was to go wrong, then you may well legally become liable for damages, which they would not normally have been as their software is provided without warranty.

If that’s a problem (and I am sure it is not) please consider offering support in other forums.

NOTE! I am not accusing anyone of ill will here. But please make sure this doesn’t happen, OK?
Moderator Jan Dembowski
(@jdembowski)

Forum Moderator and Brute Squad

4 years, 1 month ago
Side note to @tuongpg and @kingthemes I’ve gone back and deleted all of your requests for login access. Please do not repeat that again in these forums.

There are many ways to get information you need and accessing the user’s site should not be one of them.
- Ask for a link to the http://pasetbin.com/ log of the user’s web server error log.
- Ask the user to create and post a link to their phpinfo(); output.
- Ask the user to install the Send System Info plugin and get the data that way.
- Walk the user through enabling WP_DEBUG and how to log that output to a file and how to share that file.
- Walk the user through basic troubleshooting steps such and disabling all other plugins except yours, switch to the Twenty Fifteen theme, clear their cache and cookies and try again.
- Ask the user for the step-by-step on how they can reproduce the problem.
You get the idea.

Volunteer support is not easy. But these forums need to a safe place for all users, experienced or new. Accessing their system that way is a short cut that will get you into real trouble in these forums.
CursiveQ
(@cursiveq)

4 years, 1 month ago

Hi Anthony,

I can’t send you login info because this is a local install.

Is there any other way to send you more info?

Thanks,
Mike

Anthony Pham
(@tuongpg)

4 years, 1 month ago

Hi Mike,

You can send me the content of post which you are working.
Please switch to Classic editor, then send me the content.
I can check with my side.

Best regards,

Anthony
CursiveQ
(@cursiveq)

4 years, 1 month ago
Hi Anthony,

Thanks for taking a look at this. Here is the code:
```
[kc_row use_container="no" _id="462899" css_custom="{<code>kc-css</code>:{<code>any</code>:{<code>background</code>:{<code>background|</code>:<code>eyJjb2xvciI6InRyYW5zcGFyZW50IiwibGluZWFyR3JhZGllbnQiOlsiIl0sImltYWdlIjoiJVNJVEVfVVJMJS93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wNy9iZ19oZWFkZXJfYmVhY2hfZm9vdHByaW50LmpwZyIsInBvc2l0aW9uIjoiY2VudGVyIGNlbnRlciIsInNpemUiOiJhdXRvIiwicmVwZWF0Ijoibm8tcmVwZWF0IiwiYXR0YWNobWVudCI6ImZpeGVkIiwiYWR2YW5jZWQiOjF9</code>},<code>box</code>:{<code>padding|</code>:<code>200px inherit 200px inherit</code>}}}}" parallax="yes"][kc_column width="12/12" video_bg_url="https://www.youtube.com/watch?v=dOWFVKb2JqM" _id="275838"][kc_column_text _id="385551" css_custom="{<code>kc-css</code>:{<code>any</code>:{<code>typography</code>:{<code>color|,p</code>:<code>#ffffff</code>,<code>font-size|,p</code>:<code>34px</code>,<code>line-height|,p</code>:<code>1px</code>}}}}"]<p style="text-align: center;">This is a fullscreen section, but the photo won't stretch edge to edge.</p>
[/kc_column_text][/kc_column][/kc_row]
```
Cheers,
Mike
- This reply was modified 4 years, 1 month ago by CursiveQ.
- This reply was modified 4 years, 1 month ago by CursiveQ.
CursiveQ
(@cursiveq)

4 years, 1 month ago

Don’t use that code above… I emailed you a text file with the correct code.

Thanks,
Mike

meaty
(@meaty)

3 years, 10 months ago

Was this ever solved, im having the same problems

CursiveQ
(@cursiveq)

3 years, 10 months ago

Hi @meaty,

I didn’t get an official fix, but here is a workaround.

First, download this new FullWidth Template plugin, this will give you a page with the correct fullwidth container:
https://wordpress.org/plugins/fullwidth-templates/

Second, in the new version of KingComposer, there is a new button inside the Row settings called Force Full Width, make sure that is selected.

The combination of that plugin and the new KC force button fixed it for me.

Good Luck.

meaty
(@meaty)

3 years, 10 months ago

Thanks Mike, worked perfectly. Exactly the effect i was looking to achieve.