vb.org Archive - Vb Template is confusing, color change help

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

- vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)

- - Vb Template is confusing, color change help (https://vborg.vbsupport.ru/showthread.php?t=303250)

Vb Template is confusing, color change help

Hi, it is really confusing when editing vb 4.x template

If i have this code

HTML Code:

background: {vb:stylevar postbit_userinfo_background.backgroundColor} url(vbseo/resources/images/forum/vbseo_like.png) 5px center no-repeat;

But i want the background color to be white not gray ex see by the heart and the like, the background color is transparent so it is gray http://forum.nihonomaru.com/site-ann...ts-new.343485/

But i want the color to be white, how can i change this code to make it white? I did this but it removed the heard pic.

HTML Code:

background: #fffff; url(vbseo/resources/images/forum/vbseo_like.png) 5px center no-repeat;

So it is not right i think to write it this way, how can i write it so it is using a white color?

Fixed (: no semicolon

I would not suggest editing any of the default vbulletin css templates *except* adding your own CSS to the additional.css template. That template is loaded last and therefore if you put the same CSS (only different color) in there, it will override the other CSS.

Quote:

Originally Posted by Lynne (Post 2452333)

Hi Lynne, so what can i do to fix it? What should i add in the additional css?

I tried to add this to the additional css but it caused the little black heart to dissapear or i guess it is under the white color

HTML Code:

.vbseo_buttons .vbseo_liked {

    background: #f2f6f8     

}

This is the template i did edit before vbseo_buttons.css and i simply changed the background color, is that wrong?

HTML Code:

.vbseo_buttons .vbseo_liked {

        border-color:#D5D5D5 #B3B3B3 #999999;

        border-style:solid;

        border-width:1px; 

        background: {vb:stylevar postbit_userinfo_background.backgroundColor} url(vbseo/resources/images/forum/vbseo_like.png) 5px center no-repeat;

        -moz-border-radius: {vb:stylevar border_radius};

        -webkit-border-radius: {vb:stylevar border_radius};

        border-radius: {vb:stylevar border_radius}; 

        clear: both;

        display: block;

        padding: {vb:math {vb:stylevar padding}-3} {vb:math {vb:stylevar padding}-3} {vb:math {vb:stylevar padding}-3} ;

        padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}*2.5};

        margin: {vb:stylevar padding};

        <vb:if condition="$stylevar['textdirection'] == 'rtl'">

                background-position: right;

        </vb:if>

}

Quote:

Originally Posted by katie hunter (Post 2452402)

I tried to add this to the additional css but it caused the little black heart to dissapear or i guess it is under the white color

HTML Code:

.vbseo_buttons .vbseo_liked {

    background: #f2f6f8     

}

I believe you used the wrong CSS property, try this:

HTML Code:

.vbseo_buttons .vbseo_liked {

    background-color: #f2f6f8;     

}

--------------- Added 11 Oct 2013 at 18:17 ---------------

Quote:

Originally Posted by katie hunter (Post 2452402)

This is the template i did edit before vbseo_buttons.css and i simply changed the background color, is that wrong?

Not wrong, just not preferred for such a simple CSS change.

Works like a charm :0) thanks!

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (6)bbcode_html_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)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:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.03665 seconds Memory Usage 1,728KB 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 (6)bbcode_html_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)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: