• This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Whisper, Inspired by Lustrous

How or where canI change this thin blue line , value= #7794A8

82785936794519168551.png


Also , how do I get that line to show down both sides and along the bottom..

I did see it somewhere on here but for the life of me I can not find it now...

PS: I love this style.. Thanks CyberAP

Regards..
 
TheBoss said:
How or where canI change this thin blue line , value= #7794A8

82785936794519168551.png


Also , how do I get that line to show down both sides and along the bottom..

I did see it somewhere on here but for the life of me I can not find it now...

PS: I love this style.. Thanks CyberAP

Regards..
Click to expand...
Open the template called navigation.css and find there .navTabs
You can create a new parameter: border-top: 1px #yourcolor ;
If you want the same line at the bottom you should edit border-bottom:
 
Thank You CyberAP but thats as clear as mud to me buddy..

There must be at least 100+ instances of .navTabs in that .css

There was an indepth post about changing that thin line and making it encapsulate right around ( Top,Sides & Bottom )
but I just cant find it now..

Thanks Anyway..

Regards.
 
TheBoss said:
Thank You CyberAP but thats as clear as mud to me buddy..

There must be at least 100+ instances of .navTabs in that .css

There was an indepth post about changing that thin line and making it encapsulate right around ( Top,Sides & Bottom )
but I just cant find it now..

Thanks Anyway..

Regards.
Click to expand...
Oh, sorry, my fault.

Find this piece of code:

Code: 
.navTabs
    {
        padding: 0 25px;
        height: @headerTabHeight;
        background-color: @primaryDarker;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 1px solid @primaryLightish;
        border-bottom: 1px solid @primaryDarker;
    }
And do the same thing I said in the previous post.
 
As you can see below I managed to change the colour on the top as you described..
I have made that Orange to highlight what I mean..
29971223896752036728.png


But I still cant for the life of me get it to add down the left , right sides and at the bottom, to make a square. I have marked in Red..
17839933354853211920.png


Sorry for being a pain but nothing has worked that I have tried and its driving me nutts.. LOL

Regards..
 
Open navigation.css template and find there:
Code: 
.navTabs .navTab.selected .tabLinks
{
    height: @headerTabHeight;
    width: 100%;

    padding: 0;
    border: none;
And edit border:

Then open Appearance >Styles > Whisper > Style Property Groups > Style Properties: General > Content and customize there Border section.
 
motowebmaster said:
I suppose so, the color of the Xenforo copyright link seems appropriate but is a different (lighter) color.
Click to expand...
Open the 'footer' template.
Find there {xen:phrase terms_and_rules} and {$xenOptions.privacyPolicyUrl} below.
Replace it with:
Code: 
<span style="color:#c6b897;">{xen:phrase terms_and_rules}</span>

<span style="color:#c6b897;">{$xenOptions.privacyPolicyUrl}</span>
 
Or a much smoother solution: open footer.css template and add in the end:

Code: 
        #legal a
        {
            color: @dimmedTextColor; !important
        }
 
Looking forward to see more of CyberAp's work :)
I'm using it on my board and a lot of my members prefer this style. Thanks again CyberAp.
 
Still my favourite skin, it was in its first incarnation when it was called something else ( wont mention that so it doesnt start another war of word.. LOL )

And it still is now , even though I cant get my head round adding the colour effects I want. But hey.. keep up the great design work CyberAp..

Looking forward to seeing more of your designs..

Regards..
 
You must log in or register to reply here.
Top Bottom