shopex文章内容页面样式修改技巧
在shopex里发布文章的时候,您是不是还在为文章内容的排版而烦心?您是不是为每段前的空格而猛敲键盘?shopex虽然在商品上做足了功夫,却没有在文章方面下功夫,每次写文章还要自己排版,非常的麻烦,非常的浪费时间!于是抽时间改了下样式代码。
发现控制文章内容的class:“ArticleDetailsWrap”在样式文件style.css里居然没有定义!?是我没有找到源码还是根本就没定义?于是自己定义一下看看管不管用!借用Z-blog我用的这个主题里面的样式文件,修改如下:
打开statics\style.css,在最后加入以下代码:
.ArticleDetailsWrap { min-height:30px;width:98%; padding:0 20px;word-break:break-all;} .ArticleDetailsWrap h2 { color: #b50000; font-size:24px;} .ArticleDetailsWrap ul.random-list { padding: 5px 0;} .ArticleDetailsWrap br { line-height: 18px;} .ArticleDetailsWrap p { text-indent:2em;margin-bottom:10px;font-size:14px;} .ArticleDetailsWrap img { max-width:640px; /*IE7,Firefox*/ width: expression(this.width > 640 ? 640: true); /*IE6*/ }
保存、上传覆盖,就大功告成了!修改完以后,在发布文章的时候,就不用再每次敲完回车后还得猛敲四次空格,更不用再重新设置文章文字的大小(默认的实在是太小),行距什么的也都设置好了,自我感觉比以前美观多了!
扫描二维码推送至手机访问。
版权声明:本文由光的传人博客www.liu16.com发布,如需转载请注明出处。