简体   繁体   English

WordPress CSS:在新闻Feed中换行问题

[英]Wordpress CSS: Issue with wrapping text in news feed

在此处输入图片说明

I am using wordpress 3.6 and the website link is website link The issue i am facing is that the text shown in the above image is getting truncated at the end. 我使用的是wordpress 3.6,网站链接是网站链接 。我所面临的问题是,上图中显示的文本最后被截断了。

I found that this section is controlled by the following plugin jquery-vertical-scroller and when I looked at its css to control how the words are being formatted. 我发现此部分由以下插件jquery-vertical-scroller控制,当我查看其css以控制单词的格式时。

the entire css is given below : 整个css如下:

 /* Plugin Name: jQuery Vertical Scroller Plugin URI: http://sirisgraphics.com/development/jquery-vertical-scroller-2-0 Description: A plugin to add a widget to scroll posts in your sidebar or footer widgets for WordPress powered by jQuery Version: 2.3 Author: Vamsi Pulavarthi Author URI: http://sirisgraphics.com/ License: GPLv2 */ /* Widget related styles */ .sgjvs_widget_title { /* Add your custom css here for title */ } .sgjvs_widget_title a { /* Add your custom css here for title */ } .sgjvs_widget_date { /* Add your custom css here for date */ } .sgjvs_widget_content { /* Add your custom css here for content */ font-style: italic !important; display: inline-block; word-wrap:break-word; } .sgjvs_widget_excerpt { /* Add your custom css here for excerpt */ font-style: italic !important; } /* Shortcode related styles */ .sgjvs_sc_title { /* Add your custom css here for title */ } .sgjvs_sc_title a { /* Add your custom css here for title */ } .sgjvs_sc_date { /* Add your custom css here for date */ } .sgjvs_sc_content { /* Add your custom css here for content */ font-style: italic !important; display: inline-block; word-wrap:break-word; } .sgjvs_sc_excerpt { /* Add your custom css here for excerpt */ font-style: italic !important; } 

I tried making changes under the content section but its not working. 我尝试在内容部分下进行更改,但无法正常工作。 Any help in this regards would be great. 在这方面的任何帮助将是巨大的。

Set a size for class .scrollingtext . 设置类.scrollingtext的大小。 Just add this: 只需添加:

.scrollingtext{
   width: 100%;
}

Note: adjust at your needs 注意:根据您的需要进行调整

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM