Login  |  Register
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome, Guest. Please login or register.
Did you miss your activation email?

January 30, 2023, 04:54:55 PM

Login with username, password and session length
Members
  • Total Members: 3856
  • Latest: Bixby
Stats
  • Total Posts: 193906
  • Total Topics: 21127
  • Online today: 46
  • Online ever: 3540
  • (September 02, 2022, 06:38:54 PM)
Users Online
Users: 0
Guests: 31
Total: 31

Author Topic: [Tip] ShoutBox Bubble Color Change in TP 1.0 RC1 for Dark Theme  (Read 24439 times)

0 Members and 1 Guest are viewing this topic.

MAJ.Ripinasz

  • Guest
Link to my site: http://www.acrclan.org
SMF version: SMF ver. 1.1.11
TP version: TP ver. 1.0 Beta 5-1
Theme name and version: Helios_Multi TP 11Final
Browser Name and Version: Mozilla FireFox/3.63
Mods installed:     Anti-Spam Verification Questions, Lots_o_Smileys, Treasury
Related Error messages:None

Having problem reading the ShoutBox text that is now in a balloon or bubble. See for your self, is there a quick way to mod it so it shows up darker? I have installed this on another site and it looks fine but of course it has a light colored theme.

Thanks! 
« Last Edit: December 26, 2010, 02:44:02 PM by ZarPrime »

Offline Blue Steel

  • Sr. Member
  • ****
  • Posts: 295
  • Back in the Business after at least 5 years
    • Coding Monkeys
Re: Cannot Read New Shout Box Bubble Text
« Reply #1 on: April 15, 2010, 07:17:17 AM »
these type of colour change questions should really be posted in the theme section.. as its theme related.
(especially if that themer has a thread associated with it.. then the author can help you edit it )

you need to edit the ccs style entries associated with the class assigned to that output on the page.

MAJ.Ripinasz

  • Guest
Re: Cannot Read New Shout Box Bubble Text
« Reply #2 on: April 15, 2010, 07:20:02 AM »
Well since the theme didn't change seemed more appropriate for the install section, seeing how TP added the bubble?

Offline Blue Steel

  • Sr. Member
  • ****
  • Posts: 295
  • Back in the Business after at least 5 years
    • Coding Monkeys
Re: Cannot Read New Shout Box Bubble Text
« Reply #3 on: April 15, 2010, 07:56:23 AM »
its all set in ccs files .. in the default theme (or the theme you were using when you installrd TP i believe)

the files that relate to the shoutbox are in the defaul themes directory.

edit them and save the edited version into the theme directory for the theme you are using

i think its in the TPShout. ccs
Code: [Select]
.tp_shoutbody{
background: #f3f3f3;
border: solid 1px #888;
border-top: none;
line-height: 1.3em;
margin: 0 5px 8px 0;
padding: 8px;
font-size: 0.9em;}

now i'm not a theme specialist .. but i believe i found the right one to edit .. jus change it to

Code: [Select]
.tp_shoutbody{
background: #000000;
border: solid 1px #888;
border-top: none;
line-height: 1.3em;
margin: 0 5px 8px 0;
padding: 8px;
font-size: 0.9em;}

this should change the bubbles BG colour to Black

MAJ.Ripinasz

  • Guest
Re: Cannot Read New Shout Box Bubble Text-SOLVED
« Reply #4 on: April 15, 2010, 08:04:48 AM »
Thanks BlueSteel that was my next question was the bubble! That worked like a champ.

Changed my TPShout.css to .tp_shoutbody
{
   background: #000000;
   border: solid 1px #888;
   border-top: none;
   line-height: 1.3em;
   margin: 0 5px 8px 0;
   padding: 8px;
   font-size: 0.9em;
}

Looks great!


Offline ZarPrime

  • Friends
  • *
  • Posts: 4653
Re: Cannot Read New Shout Box Bubble Text-SOLVED
« Reply #5 on: April 15, 2010, 09:03:09 AM »
This seems like it would be a good tip to be placed in the Modules Board as a sticky. O0 I will change the subject of the OP to better reflect the content and move it to that board.

ZarPrime

djfs3

  • Guest
Re: [Tip] ShoutBox Bubble Color Change in TP 1.0 beta 5 for Dark Theme
« Reply #6 on: August 01, 2010, 11:50:12 AM »
sorry to jump in, but where can i find this TPShout.css  :-\

Offline ZarPrime

  • Friends
  • *
  • Posts: 4653
Re: [Tip] ShoutBox Bubble Color Change in TP 1.0 beta 5 for Dark Theme
« Reply #7 on: August 01, 2010, 11:59:29 AM »
sorry to jump in, but where can i find this TPShout.css  :-\

You'll find that my opening up your FTP client and navigating to the /Themes/default folder of your site.

ZarPrime

djfs3

  • Guest
Re: [Tip] ShoutBox Bubble Color Change in TP 1.0 beta 5 for Dark Theme
« Reply #8 on: August 01, 2010, 12:16:12 PM »
sorry to jump in, but where can i find this TPShout.css  :-\

You'll find that my opening up your FTP client and navigating to the /Themes/default folder of your site.

ZarPrime

oh yeah alright i found it and was able to change it.... pretty cool thanks  O0

Offline ZarPrime

  • Friends
  • *
  • Posts: 4653
Re: [Tip] ShoutBox Bubble Color Change in TP 1.0 beta 5 for Dark Theme
« Reply #9 on: August 01, 2010, 01:02:20 PM »
sorry to jump in, but where can i find this TPShout.css  :-\

You'll find that my opening up your FTP client and navigating to the /Themes/default folder of your site.

ZarPrime

oh yeah alright i found it and was able to change it.... pretty cool thanks  O0

Yep.  Pretty cool. O0

ZarPrime