Question How do i change shoutbox tab colors and text for the tabs?

M

Maraschino Cherry

Customer

• Jan 30, 2013

• #1

I was able to change the background of the shoutbox and the typing area using this guide http://www.dragonbyte-tech.com/f46/shoutbox-background-color-2815/ but I am stuck with this now 0c61c0dfe6d3844e996ef44d2b07d872.png How do i fix the tab colors in the stylevars and the color of the text? Any help is appreciated, thank you!

 

Fillip H.

Staff member

Owner

Developer

Customer

• Jan 30, 2013

• #2

alt1 and alt2 in the dbtech_vbshout_colours.css CSS template

 

M

Maraschino Cherry

Customer

• Jan 30, 2013

• #3

Fillip H. said:

alt1 and alt2 in the dbtech_vbshout_colours.css CSS template

Click to expand...

Sorry if i am new to this stuff, Where is the CSS located?

 

Ozzy47

Former Developer

Customer

• Jan 30, 2013

• #4

ACP / Styles & Templates / Style Manager, once there choose your style, and select edit templates in the dropdown. Search for CSS Templates, click on that then search for dbtech_vbshout_colours.css

In that file you can change the colors of alt1 and alt2

 

M

Maraschino Cherry

Customer

• Jan 31, 2013

• #5

Ozzy47 said:

ACP / Styles & Templates / Style Manager, once there choose your style, and select edit templates in the dropdown. Search for CSS Templates, click on that then search for dbtech_vbshout_colours.css

In that file you can change the colors of alt1 and alt2

Click to expand...

Thank you both! Worked great!

 

Ozzy47

Former Developer

Customer

• Jan 31, 2013

• #6

Excellent, glad to here ya got it sorted.

 

T

ThomasJr

New member

• Apr 6, 2013

• #7

I see this in dbtech_vbshout_colours.css

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs.alt {
background-color:{vb:stylevar postbit_background.backgroundColor};
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs.alt2 {
background:{vb:stylevar control_background};
}

.dbtech_vbshout_shout.alt1 {
vertical-align:middle;
background-color:{vb:stylevar postbit_background.backgroundColor};
}

.dbtech_vbshout_shout.alt2 {
vertical-align:middle;
background:{vb:stylevar blocksubhead_background};
}

I'm sorry I'm stupid what do I change exactly? Would like a gray color.

 

Fillip H.

Staff member

Owner

Developer

Customer

• Apr 6, 2013

• #8

A gray background colour or a gray text colour?

 

T

ThomasJr

New member

• Apr 6, 2013

• #9

Fillip H. said:

A gray background colour or a gray text colour?

Click to expand...

Gray text. Sorry.

 

Fillip H.

Staff member

Owner

Developer

Customer

• Apr 6, 2013

• #10

Code:

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs.alt {
background-color:{vb:stylevar postbit_background.backgroundColor};
color:grey;
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs.alt2 {
background:{vb:stylevar control_background};
color:grey;
}

.dbtech_vbshout_shout.alt1 {
vertical-align:middle;
background-color:{vb:stylevar postbit_background.backgroundColor};
color:grey;
}

.dbtech_vbshout_shout.alt2 {
vertical-align:middle;
background:{vb:stylevar blocksubhead_background};
color:grey;
}

 

S

SP33D

New member

• Oct 18, 2013

• #11

So how do i change the background color of the tabs? New at vb please explain. thank u

 

Ozzy47

Former Developer

Customer

• Oct 18, 2013

• #12

It was explained in post #4 [vB 4.2.x] How do i change shoutbox tab colors and text for the tabs?

 

Jj Michael Smith

Customer

• May 13, 2014

• #13

Where do you change the button colors for Bold, Underline and so one. 2 of my themes work, but the one needs changed.

 

Fillip H.

Staff member

Owner

Developer

Customer

• May 13, 2014

• #14

.editor_controls .imagebutton in dbtech_vbshout_editor.css

 

Jj Michael Smith

Customer

• May 13, 2014

• #15

Fillip H. said:

.editor_controls .imagebutton in dbtech_vbshout_editor.css

Click to expand...

Fixed it! Thank you.

Now where can I change the color for the 1st line in the chat? Looks like a highlight color.

Notice: You are currently flagged as Idle. Click here to un-flag.

Any one?

 

Last edited by a moderator: May 14, 2014

Fillip H.

Staff member

Owner

Developer

Customer

• May 14, 2014

• #16

That is indeed the vB standard highlight colour. You can change the stylevar you find when you search for "highlight".