“Row Inner” nested in “Row Inner” makes all colums “.kc_col-sm-1”

Hi redystr,

Thank you for your comment.

Sorry, it is hard to understand your issues, can you explain with sample content or screenshot?

Looking forward to your reply.

Best regards,

Anthony

I have Row Inner with 3 colums. Colums widths are 10%, 40% and 50%. But when I put this construction inside another Row Inner – all three my colums getting 8.33% width.
So I have construction like this:
[section]
__[title] Some title [/title]
__[Row Inner]
____[Row Inner]
______[column] first column [/column]
______[column] second column [/column]
______[column] third column [/column]
____[/Row Inner]
__[/Row Inner]
[/section]

In other words: if you put Row Inner inside another Row Inner – you will not be able to change width of columns of inner Row Inner, they will always be 8.33%

Hi Redystr,

I checked issues as you inform. But it still work well. Did you do from backend editor or live?

please check my code bellow:

[kc_row use_container="yes" force="no" column_align="middle" _id="208384" parallax_image="__empty__"][kc_column width="12/12" use_container="yes" force="no" column_align="middle" _id="8191"][kc_row_inner row_id=" " column_align="middle" _id="90908"][kc_column_inner width="100%" _id="853681"][kc_row_inner# row_id=" " column_align="middle" _id="535185"][kc_column_inner# width="10%" _id="974109"][kc_title text="VGhl" _id="100850" type="span" css_custom="{kc-css:{}}"][/kc_column_inner#][kc_column_inner# width="40%" _id="698897"][kc_title text="c2Vjb25k" _id="391244" type="span"][/kc_column_inner#][kc_column_inner# width="50%" _id="323436"][kc_title text="dGhpcmQ=" _id="889047" type="span"][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row]

Hope that make sense.

Best regards,

Anthony

Firstly I used Live editor, and everything was fine. But when I saved my changes and looked at my page directly (not through Live editor) – I saw that issues. I’ve tried Backend editor – got the same.
I’ve copied your code and got this (and add some background-colors for clarity):
https://www.dropbox.com/s/bg7anxrmtooa68b/chrome_2017-02-10_11-58-52.png?dl=0

Hi,

Did you custom our template kc_column ?
Seem you forgot put the class generate into your wrapper tag or element

$wrap_class	= apply_filters( 'kc-el-class', $atts );

Hope that make sense.

Best regards,

Anthony

Hmm, no, I didn’t.
Only thing I’ve custom – is a bit of css (replace padding:15px to padding:1.6rem). I did nothing in yours php files.

I’ve tried to install KC at my local server and create the same construction. Row Inner with 3 columns looks good, but when I put it in another Row Inner – everything broken.

Hi Redystr,

Please check my screenshot.
https://prntscr.com/e6ty9j

The columns must have the custom class which render by system. Please ensure the theme you are using is not overwrite our template.

In your screenshot, I do not see the custom class for column. That why I guest there are some overwrite template in your site.

Hope that make sense.

Best regards,

Anthony

I’ve turn on default wordpress themes Twenty Fifteen, Twenty Sixteen and Twenty Seventeen on my local server with wordpress 4.7.0, only active plugin is freshly installed KC 2.6.10.1
Still have same problem =( I have no idea what can be wrong.

Please send me the sample content. I checked on our demo site. it works well.

I download fresh wordpress just now, installed it, install KC, create new page, copied your code, which one you gave me in your second message, and…
https://joxi.ru/KAxbDpDtlOawm8

Completely fresh WP v4.7.2, without anything but KC v2.6.10.1 and default WP theme Twenty Seventeen.
And new empty page with this code:

[kc_row use_container="yes" force="no" column_align="middle" _id="208384" parallax_image="__empty__"][kc_column width="12/12" use_container="yes" force="no" column_align="middle" _id="8191"][kc_row_inner row_id=" " column_align="middle" _id="90908"][kc_column_inner width="100%" _id="853681"][kc_row_inner# row_id=" " column_align="middle" _id="535185"][kc_column_inner# width="10%" _id="974109"][kc_title text="VGhl" _id="100850" type="span" css_custom="{kc-css:{}}"][/kc_column_inner#][kc_column_inner# width="40%" _id="698897"][kc_title text="c2Vjb25k" _id="391244" type="span"][/kc_column_inner#][kc_column_inner# width="50%" _id="323436"][kc_title text="dGhpcmQ=" _id="889047" type="span"][/kc_column_inner#][/kc_row_inner#][/kc_column_inner][/kc_row_inner][/kc_column][/kc_row]

• This reply was modified 7 years, 9 months ago by redystr.

Hi redystr,

I got your content and try to apply it. It still work well.
Please check screenshot https://prntscr.com/e6vdfc

Notice: your output do not have the custom class with ID of element. That why the custom CSS do not applied. Can you send me the website url for checking?

Best regards,

Anthony

Notice your output do not have class kc-css-[id_element]

https://pm1.alpic.pw/test/
New clean site, again there is nothing but clean WP and KC. But still have problem =( Maybe because it’s russian version of WP, or something?

Hi redystr,

Please try with English version. Seem the contributors translated plugin and remove some code.

Hope that convenient for your plan.

Best regards,

Anthony