- Posts: 78
- Thank you received: 0
div class not working
-
Giorjoom
Active member - Topic Author
- Member
Less
More
9 months 2 weeks ago #51119
by Giorjoom
div class not working was created by Giorjoom
When I use <div class="two-cols"> my text</div> on my pages (in the togle editor), seems like nothing happens. Why is that? I use tinymce editor...
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6725
- Thank you received: 712
9 months 2 weeks ago #51121
by milos
Replied by milos on topic div class not working
Hello,
Create file /media/templates/site/startup/css/editor.css and inside it copy all CSS code that you want to be used in the TinyMCE editor. You can copy the code from the custom.css file.
Regards,
Milos
Create file /media/templates/site/startup/css/editor.css and inside it copy all CSS code that you want to be used in the TinyMCE editor. You can copy the code from the custom.css file.
Code:
.two-cols {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
-moz-column-gap:3em;
-webkit-column-gap:3em;
column-gap:3em;
}
Regards,
Milos
The following user(s) said Thank You: Giorjoom
Please Log in to join the conversation.
-
Giorjoom
Active member - Topic Author
- Member
Less
More
- Posts: 78
- Thank you received: 0
9 months 1 week ago #51162
by Giorjoom
Replied by Giorjoom on topic div class not working
I followed your instruction and create the file (with notepad++). I also created the path (directories) because in the root "media" directory there wasn't any "templates" directory (and it's /site/startup/css/ subdirectories).
I then edited the article adding <div class="two-cols">...</div> but... didn't work
Can you please give some deeper instruction and the css path where all the classes of the template are stored? Thanks.
I then edited the article adding <div class="two-cols">...</div> but... didn't work
Can you please give some deeper instruction and the css path where all the classes of the template are stored? Thanks.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6725
- Thank you received: 712
9 months 1 week ago #51164
by milos
Replied by milos on topic div class not working
Hello,
If you downloaded the template a long time ago, then the files are not in the /media folder. Try adding the editor.css file in the folder
/templates/sparky_framework/css
or
/templates/hot_startup/css
Do not create the folder. Just make sure one of the folders I mentioned above exists.
Regards,
Milos
If you downloaded the template a long time ago, then the files are not in the /media folder. Try adding the editor.css file in the folder
/templates/sparky_framework/css
or
/templates/hot_startup/css
Do not create the folder. Just make sure one of the folders I mentioned above exists.
Regards,
Milos
Please Log in to join the conversation.
-
Giorjoom
Active member - Topic Author
- Member
Less
More
- Posts: 78
- Thank you received: 0
9 months 1 week ago #51172
by Giorjoom
Replied by Giorjoom on topic div class not working
Thanks for specification. I edited the template_css.css file like hereunder (just to make you know where I pasted the code)
"...
.fa-6 {
font-size: 16em;
}
.two-cols {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
-moz-column-gap:3em;
-webkit-column-gap:3em;
column-gap:3em;
}
/* typography */
..."
Then in Tiny Mce / toggle editor I typed:
<div class="two-cols">
<p>my much longer paragraph here</p>
</div>
No result achieved...
"...
.fa-6 {
font-size: 16em;
}
.two-cols {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
-moz-column-gap:3em;
-webkit-column-gap:3em;
column-gap:3em;
}
/* typography */
..."
Then in Tiny Mce / toggle editor I typed:
<div class="two-cols">
<p>my much longer paragraph here</p>
</div>
No result achieved...
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6725
- Thank you received: 712
9 months 1 week ago #51174
by milos
Replied by milos on topic div class not working
Hello,
Please read my first reply. You don't add this code to template_css.css. To use this class in the editor, you should add this code in editor.css file (create this file if it's not available).
Regards,
Milos
Please read my first reply. You don't add this code to template_css.css. To use this class in the editor, you should add this code in editor.css file (create this file if it's not available).
Regards,
Milos
The following user(s) said Thank You: Giorjoom
Please Log in to join the conversation.
Time to create page: 0.255 seconds