I have it in another template and it works, but in the newspaper,the columns are dislodged , they do not look in the same line, how can I solve this?
https://www.revistamision.com/prueba-contact-form7-con-columnas/
THANKS
C Davies
-
This topic was modified 7 years by
cdavies.
Hi,
So the fields should be one below the other? try splitting the row and enter the form in a 1/3 column for example – http://prntscr.com/n3onzl
I could also give you a CSS code for it – http://prntscr.com/n3op1h
.wpcf7-acceptance-as-validation .su-column-size-1-3 {
float: none;
}
Let me know if I misunderstand.
Thanks
Thank you , but i need them in line, same row three columns. Using shortcodes
My example:
[su_row class=””]
[su_column size=”1/3″ center=”no” class=””]texto1<br>[text prueba1][/su_column]
[su_column size=”1/3″ center=”no” class=””]texto1<br>[text prueba1][/su_column]
[su_column size=”1/3″ center=”no” class=””]texto1<br>[text prueba1][/su_column]
[/su_row]
Hi,
There seem to be br tags after each one, so that is why they appear like that
– http://prntscr.com/n40osm
Maybe you can remove those br tags from the plugin you are using. I could also give you a code to remove them – http://prntscr.com/n40pkl
.wpcf7-acceptance-as-validation .su-column-size-1-3 + br {
display: none;
}
Thanks
Hello:
I have put the css code that you tell me and adjusts the first two columns but the third one goes down, as if I had sidebar and did not have more space. It is a page of the whole width without sidebar .
https://www.revistamision.com/prueba-contact-form7-con-columnas/
THANKS for yor help
There actually isn’t enough space, the width of each column and the margins combined add up to more space than available – http://prntscr.com/n44cdd
A fix would be like this, remove the previous code and add this one, should work
– http://prntscr.com/n44czv
.wpcf7-acceptance-as-validation .su-row br {
display: none!important;
}
.wpcf7-acceptance-as-validation .su-row .su-column {
margin: 0px 0 0 2%;
}
Let me know.