1. DavidM
  2. Commercial Templates
  3. Saturday, 23 June 2012
  4.  Subscribe via email
Hi,

thx for these great template.

I recently bough the horizon template and I was wondering where, in the css files, I could mofify the font on the dark background. I mean, they appear with another caracter for shadow and it makes the text hard to read. They got a kind of blur.

http://www.bavard.tv/horizon.jpg

Sorry for my english,

have a great day !
Accepted Answer Pending Moderation
0
Votes
Undo
Hi DavidM

Would you have a URL to an example of this text?

Thanks.. Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Sure, you can see here: http://www.bavard.tv/cinephile-communaute/frontpage.htm

It also do exactly the same with my jreview component.

http://www.bavard.tv/les-plus-critiques/most-reviews.htm

Thx for your time !

:)
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
To remove the shadow add the following to the end of your templates template.css (../templates/j51_horizon/css/template.css)..

[code type=css]#content80, #content100 {text-shadow: none !important;}[/code]
You might have an issue where your extensions inherit the default color for modules (dark text). If you are unable to change this via the extension, get back to me and I can help you out.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, it works.

But now the font are all gray on a gray background.

#content80 {overflow:hidden; margin:0;}
#content100 {float:right;width:908px; overflow:hidden; padding-right:15px; padding-left:15px; margin-right:10px;}
#content80, #content100 {margin-top:15px; margin-bottom:10px; background:#f3f3f3; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; padding-
text-shadow: none !important;}



I guess I should change the font for the #content80 and #content100 only, for when the dark background appears, I did try but it doesnt work... :unsure:
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Also try adding the following...

[code type=css]#community-wrap.on-j51_horizon, .jr_pgContainer {color: #ffffff;}[/code]
Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Thx alot for your fast answer ! :-)

Well it works, it fix it on the dark background, but now on the other page the font is also white on white backgrounds.

:huh:
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Would you have a URL to this other page?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry about that, I made some modifications already.

The url : http://www.bavard.tv/top-100/category.htm
With the white font on a dark background

and

the url: http://www.bavard.tv/critique-cinema-9/films/drame/fight-club.htm
For the movie listing, who is now white font on white background.

:)
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks David

Try adding the following

[code type=css]div.content div.jr_pgContainer, td.jr_pagenav_results, td.jr_pagenav_pages, td.jr_pagenav_limitbox {color: #000000;}[/code]
Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Well, everything looks great now. It seems to work perfectly !

Good Job ! Many thanks for your time, I really appreciate it.

:cheer:
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
Hi !

Its me again !

I found 2 others places with the exact same issue.

With Jreview we can do "search", and it show result page like this one, where the text is white on white:

http://www.bavard.tv/critique-cinema/tag-genre-drame.htm

There is also the category page where the text is also white on white.

http://www.bavard.tv/critique-cinema/films-animation-c80.htm

:)
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
Try also adding the following in your templates Custom CSS field..

[code type=css]div.jr_blogview .contentIntrotext, .jr_pgDescription {color: #000000 !important;}[/code]
Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 12
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok