Add CSS-classes to the formats-menu?

Posted in: Newspaper
Post count: 8

Hi,

Can I add my own CSS-classes to the format-menu in the post editing?

I mean the menu on this image:
https://www.dropbox.com/s/6qrwvogbiyalver/text-format.png?dl=0

/ Isak

Post count: 8

Hi again,

I’ve now found the file “td-config.php” och added some new styles to it. The styles shows correctly in the Format-menu and it ads the correct classes to the content, but the CSS don’t affect the content that it’s applied to.

Any ideas of what’s wrong?

Example ‘three columns’

In td_config:
// columns text
td_api_tinymce_formats::add('td_text_columns',
array(
'title' => 'Text columns'
));
td_api_tinymce_formats::add('td_text_columns_0',
array(
'parent_id' => 'td_text_columns',
'title' => 'two columns',
'block' => 'div',
'classes' => 'td_text_columns_two_cols',
'wrapper' => true,
));
td_api_tinymce_formats::add('td_text_columns_1',
array(
'parent_id' => 'td_text_columns',
'title' => 'three columns',
'block' => 'div',
'classes' => 'td_text_columns_three_cols',
'wrapper' => true,
));

In style.css:
.td_text_columns_three_cols {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
-webkit-column-rule-style: solid;
-moz-column-rule-style: solid;
column-rule-style: solid;
-webkit-column-rule-width: 1px;
-moz-column-rule-width: 1px;
column-rule-width: 1px;
-webkit-column-rule-color: #e9e9e9;
-moz-column-rule-color: #e9e9e9;
column-rule-color: #e9e9e9;
margin-bottom: 26px;
}

/ Isak

Post count: 22421

Hello,

Please follow this topic to learn how to add a new post format:
https://forum.tagdiv.com/topic/custom-post-formats/

Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.