div class not working

More
9 months 2 weeks ago #51119 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
  • Moderator
More
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.
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.

More
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.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
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

Please Log in to join the conversation.

More
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...

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
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
The following user(s) said Thank You: Giorjoom

Please Log in to join the conversation.

Time to create page: 0.255 seconds
Powered by Kunena Forum