Navtab links

[Stratis]

Hi! can some one put me in correct direction to find how to solve this problem.

This is in vb4.2.0
156806


Problem.
This is in vb.4.2.5 (test update)
156807

How to fix? I can not find to change the white color to black in text and remove the vertical black lines. Thanks for any help

[MarkFL]

Look in the NavBar section of your stylevars...:)

[Stratis]

Look in the NavBar section of your stylevars...:)
I did, many hours of checking and changes, could not find which one it is. I stuck :)
Thanks for answering Mark.

[MarkFL]

It looks like those that begin with "navbar_tab_" are the ones that control the appearance of those tabs. :)

[Seven Skins]

navbar_tab_color
navbar_tab_border

Edit these

[Stratis]

You both answered same time :) Thanks


No luck,
navbar_tab_color is #ffffff
navbar_tab_border is none
Whatever I change does not take effect, many times F5 (no change)


Same values are in both, vb4.2.0 & vb4.2.5, but as the images above they look different.


Is there any way these take effect from any CSS template?
or problem with case?

[MarkFL]

Are you sure you are editing the stylevars for the correct style?

[Stratis]

Are you sure you are editing the stylevars for the correct style?
Thanks to remind me, but yes :)

[Seven Skins]

Look in your additional.css template

[Stratis]

Look in your additional.css template


I copy code from 4.2.0 and same problem.

Something else I miss here, as I see this problem is in all skins

Some images...
vb4.2.0
156809

vb4.2.5
156808

:confused:

[MarkFL]

It's possible CSS is being added by a plugin...try disabling those and see if the issue is still present...

[Stratis]

It's possible CSS is being added by a plugin...try disabling those and see if the issue is still present...


Just did...
define('DISABLE_HOOKS', true);


Nope same situation. I will make some copy paste code from my forum to test forum and see.
I will inform with any luck if I have :)

[Seven Skins]

Try this..

Goto adminCP > Maintenance > general update tools and "Remove Orphan Stylevars"

[Stratis]

"Deleted Orphan Stylevars Successfully."
Did it twice, no change.


I will first try to Rebuild Styles and if no luck I will try the copy-paste code from one to other.
Thank you :)

[Seven Skins]

OK
Are you saving CSS as files or in the database? Move them in database?

[Stratis]

OK
Are you saving CSS as files or in the database? Move them in database?
Thanks, I tried this but no change.


What I found:
In additional.css I have this.
---------------------------------------
.navbar a { color:{vb:stylevar navbar_link_color}; }
.navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }


If I change with this code:
---------------------------------
.navbar a { color: #000000; }
.navbar a:hover { color: #FFFFFF; }

Than I have the colors I want, except the vertical lines (I do not find yet)
156811

If I change from stylevar the "navbar_link_color" it change both navbar and navbar_tab, see image.
156812

* Problem with case, every change I make I must refresh many times to take effect in my browser. (but ok this)
* I do not know why when change in stylevar change both navbar and navtab?
* I am searching to find that vertical lines.

[Seven Skins]

You should remove all the class belongs to navbar (.navbar , .navtab, . navtabs) in additional.css template.

Disable browser caching in .htaccess file for refresh issue.

[Stratis]

You should remove all the class


Can you please be more specific :) my knowledge is not good.
Thanks for bothering to answer.

[Seven Skins]

Post your additional.css here OR send it to me via email.

[Stratis]

Post your additional.css here OR send it to me via email.

Here it is. Thank you.
156813

Some thing strange, after update some changes made. luckily this is an update to a my dev site. I found the vertical lines, in additional.css if I delete this line it goes off
background:url({vb:stylevar imgdir_themedir}/navSplit.gif) no-repeat top {vb:stylevar right};
Strange strange :)

[Seven Skins]

.navtabs li {
/*background:url({vb:stylevar imgdir_themedir}/navSplit.gif) no-repeat top {vb:stylevar right};*/
}

.navtabs li a.navtab {
/*color:{vb:stylevar navbar_link_color};*/
}

.navtabs li.selected a.navtab {
/*color:{vb:stylevar navbar_linkhover_color};*/
}


Comment out these lines for the css properties in the additional.css

[Stratis]

I did it, and this changed the color to the "Whats New - New Posts etc"(can not read well because of color)
From where I will change the colors now? The "Private messages etc line is color that I must change to.

Thanks for your help.

[Seven Skins]

Stylevars

[Stratis]

They all messed up. I do not know why this happened in the update. It is not something wrong from me. Some thing changed and has effect in stylevars.
It is better now when I comment those lines. As I see there are many stylevars that take effect to other places rather as supposed to.


Thank you @Seven Skins for you time, really appreciate your help, thanks @Mark. :)


I will fight with these changes and if most goes well maybe I will proceed to update my online site if I do not have big problem with modification.

[Seven Skins]

There has been 100's changes in templates in 425 compared to 420 that's why you have this issue. Start from scratch if you want to replicate your style.

[Stratis]

There has been 100's changes in templates in 425 compared to 420 that's why you have this issue. Start from scratch if you want to replicate your style.


I did not know that, thanks for info.