vb.org Archive - Anyone Know vB CSS?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - Anyone Know vB CSS? (https://vborg.vbsupport.ru/showthread.php?t=301711)

Bubble #5

08-30-2013 04:58 AM

Anyone Know vB CSS?

I'm trying to find where to change the font color for the pop-up smilie window. Anyone know where I can find it?

Also, where can I change the size of the individual smilie boxes?

Spangle

08-30-2013 08:21 AM

Quote:

Originally Posted by Bubble #5 (Post 2441938)

I'm trying to find where to change the font color for the pop-up smilie window. Anyone know where I can find it?

Also, where can I change the size of the individual smilie boxes?

That would be in your theme stylevars

ACP>Styles and Templates>Style Manager> Click on "Go" next to Style Variable editor for your theme, you are then presented with a list of those you can change on the left side.

Bubble #5

08-30-2013 02:52 PM

Yes but which one in the list controls the popup smilie window? :confused:

Lynne

08-30-2013 03:31 PM

You are talking about the text that says "Insert a Smilie"? Stylevar editor_popupbody_frame_color

I'd strongly suggest using something like firebug, for firefox, to find the CSS.

Spangle

08-30-2013 03:43 PM

Quote:

Originally Posted by Lynne (Post 2442019)

You are talking about the text that says "Insert a Smilie"? Stylevar editor_popupbody_frame_color

I'd strongly suggest using something like firebug, for firefox, to find the CSS.

The most up to date versions of Firefox you just need to right click on a page element and select "Inspect Element" from the menu.

Lynne

08-30-2013 03:46 PM

Quote:

Originally Posted by Spangle (Post 2442027)

The most up to date versions of Firefox you just need to right click on a page element and select "Inspect Element" from the menu.

I didn't know that was default - I thought it was my web developer add-on. :)

Bubble #5

08-30-2013 04:00 PM

1 Attachment(s)

Quote:

Originally Posted by Lynne (Post 2442019)

You are talking about the text that says "Insert a Smilie"? Stylevar editor_popupbody_frame_color

No, the actual smilie code below each smilie. See screenshot. The box is maroon and the text needs to be changed away from black.

I will see if I can figure out what Spangle was talking about. I do have a copy of firefox I could use.

Bubble #5

08-30-2013 04:09 PM

Quote:

Originally Posted by Spangle (Post 2442027)

The most up to date versions of Firefox you just need to right click on a page element and select "Inspect Element" from the menu.

When I do that it just says divlabel.

Spangle

08-30-2013 04:43 PM

Quote:

Originally Posted by Bubble #5 (Post 2442034)

When I do that it just says divlabel.

yes but on the far right it should tell you which CSS sheet is controlling it

--------------- Added [DATE]1377885036[/DATE] at [TIME]1377885036[/TIME] ---------------

Link to the forum please

Bubble #5

08-30-2013 05:17 PM

1 Attachment(s)

Quote:

Originally Posted by Spangle (Post 2442043)

yes but on the far right it should tell you which CSS sheet is controlling it

There is a drop down menu far right. See screenshot. Unfortunately the forum is down today so that MarkB can work on some issues. Besides, I need to learn how to do this because there are other areas of the site that have this same exact issue.

Spangle

08-30-2013 05:45 PM

Quote:

Originally Posted by Bubble #5 (Post 2442059)

Ah I see where you are now.

When you click on "Inspect Element" you should have a new panel open up in the bottom of the browser window, that is split into two panes, one shows you the origin HTML, the other on the right shows you any CSS that is overriding the HTML, if the CSS has a line through, that means that particular piece of CSS is overuled by another piece of CSS !

Welcome to the world of HTML and CSS !

Bubble #5

08-30-2013 06:38 PM

Thanks Spangle for trying to help. Appreciate it.

If anyone knows where I can change this font color please post.

Bubble #5

08-30-2013 09:39 PM

1 Attachment(s)

UPDATE:

Is this what you were talking about? I don't know how I got there, but I did not see anything about font color, just background color. And it doesn't say where it's located at.

tbworld

08-30-2013 09:40 PM

Quote:

Originally Posted by Bubble #5 (Post 2442070)

If anyone knows where I can change this font color please post.

Maybe this will work: Add this to the end of your additional.css

Change color of font text below smilie

Code:

#smilies ul.smilielist li div.label {

  color: red;  /* your color here */

  font-size: 11px;

 }

Change box size of smilie

Code:

#smilies ul.smilielist li div.smilie {

  background: none no-repeat scroll 0 0 #FFFFFF;

  border-top: 1px solid #6B91AB;

  height: 57px; /* box height */

  width: 71px;  /* box width */

  overflow: hidden;

  padding: 2px;

}

CAG CheechDogg

08-30-2013 11:52 PM

Just add the following to your additional css file:

Code:

#smilies ul.smilielist li div.label {

color: #ffffff;

}

Oh snaps! Sorry tbworld, didn't see you already answered it.....

All times are GMT. The time now is 07:14 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01210 seconds Memory Usage 1,752KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (9)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (15)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: