Good morning!I had a little problem. I can setup an element id to identify one element like custom heading but when I try to setup an elementID for a text block nothing appear. I can read the chosen name in the text edit field inside the text block but this name doesn't appear in the final source code of the post so I can't refer to it.
I called the extra class name of my text block "DoppiaColonna".
I would like to obtain a single column layout if the screen size is less than 1000px wide and a two column layout if screen size is 1000px wide or more I used this code in the css custom setting of my page
Good morning!I had a little problem. I can setup an element id to identify one element like custom heading but when I try to setup an elementID for a text block nothing appear. I can read the chosen name in the text edit field inside the text block but this name doesn't appear in the final source code of the post so I can't refer to it.
Canyon please help me? Thanks as usual
Hey Again,
Yes thats correct IDs can only be added to Rows . You will have to use the Extra Class name option of the Rows and then target the Text Block .
Best
ThemeNectar Support Team
Thanks.
I called the extra class name of my text block "DoppiaColonna".
I would like to obtain a single column layout if the screen size is less than 1000px wide and a two column layout if screen size is 1000px wide or more
I used this code in the css custom setting of my page
@media screen and (min-width: 1000px) {
.DoppiaColonna h6{column-count: 2; column-gap: 40px; column-rule: 2px solid;}
}
but tis doesn't works. I tried also this
@media screen and (min-width: 1000px) { .DoppiaColonna {column-count: 2; column-gap: 40px; column-rule: 2px solid;} }
but the result was the same.
how can I do to to correctly refer to my text box? Thanks!
Hey Again,
You only need to use lowercase alphabets in the extra class name.
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hi! problem solved but with a little mystery :-)
If I put this code
@media screen and (min-width: 1000px) {
.doppiacolonna {column-count: 2; column-gap: 40px; column-rule: 2px solid #000000;}
}
in the style.css file of my child theme it doesn't work.
if I put the same code in the custom css code section of salient options it works! :-)Thanks!!!!