Joomla Templates Club 406,261 posts

[sakoman Friend sakomanJoin date: January 2007Posts: 21Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#141415

I love the functionality of ja_contentslider, but have had some complaints that there is not enough contrast to read the content easily.

How can I lighten the text a bit to improve readability?

Steve

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#305690

http://template15.joomlart.com/ja_ruby/templates/ja_ruby/css/ja.slideshow2.css
ja.slideshow2.css (line 114)

.maskDesc .ja-slide-desc {
color:#CCCCCC;
font-size:100%;
padding:0 40px 20px 30px;
}
ja.slideshow2.css (line 124)

.maskDesc .ja-slide-desc h3 {
color:#FFFFFF;
font-size:250%;
margin:0;
padding:0;
}

edit your COLOR

1 user says Thank You to nguyenhuu quang for this useful post

1. ecoxport

[sakoman Friend sakomanJoin date: January 2007Posts: 21Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#305707

The above suggestion did not affect the color of the text in the ja_contentslider module. The text color does not change if I adjust those 2 color values.

Actually if the text color was #CCCCCC or #FFFFFF as set in the code lines described, it would be quite readable. But it is much darker than those values.

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#305708

<em>@sakoman 129969 wrote:</em><blockquote>The above suggestion did not affect the color of the text in the ja_contentslider module. The text color does not change if I adjust those 2 color values.

Actually if the text color was #CCCCCC or #FFFFFF as set in the code lines described, it would be quite readable. But it is much darker than those values.</blockquote>

color:#CCCCCC;

chage it to

color:red;

[sakoman Friend sakomanJoin date: January 2007Posts: 21Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#305713

<em>@quang268 129970 wrote:</em><blockquote>
color:#CCCCCC;

chage it to

color:red;
</blockquote>

As I mentioned, changing the above mentioned color values does not result in any change to the text in the content slider module — it stays the same shade of grey.

Is slideshow2 CSS really the right place to attempt color changes? Shouldn’t it be ja_contentslide.css?

I discovered that if I change the following code in template.css (line 662), then I can lighten up the headline:


/*module hilite*/
div.module_hilite h3 {
background: url(../images/h3-hilite-bg.gif) repeat-x left bottom;
border: none;
color: #f5f5f5;
margin-right: 15px;


I haven’t figured out how to lighen up the body of the text though.

[sakoman Friend sakomanJoin date: January 2007Posts: 21Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#309609

<em>@sakoman 129975 wrote:</em><blockquote>As I mentioned, changing the above mentioned color values does not result in any change to the text in the content slider module — it stays the same shade of grey.

Is slideshow2 CSS really the right place to attempt color changes? Shouldn’t it be ja_contentslide.css?

I discovered that if I change the following code in template.css (line 662), then I can lighten up the headline:


/*module hilite*/
div.module_hilite h3 {
background: url(../images/h3-hilite-bg.gif) repeat-x left bottom;
border: none;
color: #f5f5f5;
margin-right: 15px;


I haven’t figured out how to lighen up the body of the text though.</blockquote>

I’m still getting readability complaints, and haven’t been able to figure out how to lighten the body text. Has anyone else solved this issue?

[Author]

Posts