登录 注册

登录

已解决 SP Smart Slider模块的字体颜色,大小如何修改?

更多
2017年05月20日 23:17 - 2017年06月09日 19:20 #1 作者: windberry
最后修改: 2017年06月09日 19:20 由 windberry.

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年05月21日 20:42 #2 作者: Joomla之门
如果模块参数中没有提供相应的选项,那就只能通过“自定义 CSS ” 来解决。

请提供一下你的幻灯片所在页面的网址,同时告诉我你想要什么样的字体、颜色、大小?然后我才能给出具体的 CSS 代码。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年05月22日 20:53 - 2017年05月22日 21:12 #3 作者: windberry
首页. windberry.cn/ ,就是希望上下两行显示的字体有区别,现在都一样,账户密码还是原来的,麻烦你看一下,他有式样选项,我选择organic-life选项,我选了后和原来的organic模板字体显示方式不一样,
最后修改: 2017年05月22日 21:12 由 Joomla之门.

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年05月22日 21:22 #4 作者: Joomla之门
我看了一下,你网站首页的幻灯片上,上下两行文字分别有不同的 HTML 元素,一个是 H2,一个是 P,而且,各自还有不同的 CSS 类。因此,很容易通过 CSS 来指派不同的文字样式给它们。

我随便选了两种字体,作为示范:

.sp-glamour-layout h2.sp-posttitle {
  font-family: Times New Roman;
}
 
.sp-slider-content p {
  font-family: Comic Sans MS;
}

这段代码应该写入到 /templates/shaper_glamour/css/custom.css 这个文件中。你网站上原本没有这个文件,我已帮你创建并写入了代码。你以后如果还有其它的 CSS 定制代码,都可以写入到这个文件中。


如果你喜欢其他字体,可以修改上述代码中的字体名称;如果需要颜色,就在上述代码中添加 color 属性;如果需要定义字号,就添加 font-size 属性 —— 这些基本的 CSS 操作如果你还不熟悉,建议你学一下。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!
下列用户已致谢:: windberry

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年05月28日 15:50 - 2017年06月03日 19:55 #5 作者: windberry
.sp-slider-content p {
  font-family: Times New Roman;color:#00F;
}

上面一行我加了颜色变蓝色,下面一行不起作用,什么情况?请指教,谢谢。
最后修改: 2017年06月03日 19:55 由 Joomla之门.

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年06月03日 19:57 #6 作者: Joomla之门
原因很简单:这个幻灯片上的“第二行”文字原本就有颜色定义,你加的代码没有优先生效,所以颜色不会改变。只需给你的 CSS 代码里面颜色属性添加 important 开关就可以了:
.sp-slider-content p {
  color: #00f !important;
  font-family: Times New Roman;
}

你试试这个代码。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论