Current date/time is March 28th 2024, 6:10 pm

Search found 4 matches for 404040

Seeking help with the design

[mention]skouliki[/mention] wrote:
[mention]skouliki[/mention] wrote:
Code:
.navbar img {
      filter: invert(0%); }
.navbar a {
    background-color: white;
}


try this and delete the previous grey code


to make the icons to the grey that you want , just change the invert(0%) value from 0 to whatever example 50%
the 100% is total black


I'm not sure if that will work. The grey colour I intend to use, i.e. {#}404040{/#} is still a colour (RGB is 64, 64, 64) and not a transparent shade of pure black.

So is it possible to change the icons (not background) to this colour and also make them automatically appear blue ({#}44749e{/#} or RGB of 68, 116, 158) when hovered on?

I'm going to eat dinner right now - someone is getting annoyed right now. Will be back in 1/2 hrs or so...

Edit: Dinner is over.

I'm ready to continue using further help - you guys?
by Guest
on November 18th 2019, 10:28 am
 
Search in: Garbage
Topic: Seeking help with the design
Replies: 76
Views: 8646

Seeking help with the design

[mention]skouliki[/mention] wrote:
Code:

.navbar a {
    border-radius: unset;
)



Now that works!

What's left is I want the icons to be grey of this code {#}404040{/#} instead of black plus when one hovers on them, they turn blue, i.e. {#}44749e{/#}.

Is this possible?
by Guest
on November 18th 2019, 10:15 am
 
Search in: Garbage
Topic: Seeking help with the design
Replies: 76
Views: 8646

Seeking help with the design

[mention]skouliki[/mention] wrote:we are not magicians
we are trying to find a solution by testing many things

one code is added which make your bar sticky
that code is usually in :
css / if your css sheet is empty that means no codes ar added so its ok
java
templates

we are just volunteers that trying to help you , we have many threads per day so please be patient
if you think Draxion's solution is solved your issue then mark your thread as solved


My issue is not fully resolved yet, just partly.

I've reverted your suggestion in terms of disabling javascript.

I did indicate that I've added my own codes to the blank CSS as mentioned a few posts earlier - let me reiterate below -

.headerbar {background-color: {#}ffffff{/#};}
.statistics {background-color: {#}ffffff{/#}; color: {#}404040{/#};}
{#}page-footer{/#} {background-color: {#}ffffff{/#};}
.footerbar-system {color: {#}404040{/#}}
.footerbar-system a {color: {#}404040{/#}}
.copyright a {color: {#}404040{/#};}
.copyright-body {border-color: {#}404040{/#};}

What remains an issue is that the fine blue line still appears sticky the moment you scroll down as SLGray showed in their latest reply to this thread.

And I also want the header banner/logo NOT to disappear away the moment one scrolls down.

Once that is all resolved, then I'd like some more assistance to edit the navbar - change its background colour from blue to white and the non-active nav-links/buttons from white to grey (plus make them blue when one hovers along these). Plus I've some more queries to ask but I want to focus on the above issues first and get them resolved fully.

Yes, I'll be patient. I'm already grateful for all the support and help so far and I highly commend your volunteered efforts.

And I'm curious to ask - you mentioned to delete the existing headerbar-top code part of CSS - how can I locate this on Admin Panel and edit/override/delete it?

As for pondering on the code added to CSS that makes the bar sticky, I didn't add or create this - it's probably inbuilt with skin version ModernBB which I'm using.
by Guest
on November 18th 2019, 8:17 am
 
Search in: Garbage
Topic: Seeking help with the design
Replies: 76
Views: 8646

Seeking help with the design

[mention]skouliki[/mention] wrote:hello

you have this code
Code:

.is-sticky#headerbar-top {
    background-color: #44749e;
   box-shadow: 0 0 3px rgba(0,0,0,0.9);
   height: auto;
    left: 0;
    padding: 6px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000!important;
}


delete it


Hi, I do not have this in CSS so how do I force-delete it?

This is what I currently have -

.headerbar {background-color: {#}ffffff{/#};}
.statistics {background-color: {#}ffffff{/#}; color: {#}404040{/#};}
{#}page-footer{/#} {background-color: {#}ffffff{/#};}
.footerbar-system {color: {#}404040{/#}}
.footerbar-system a {color: {#}404040{/#}}
.copyright a {color: {#}404040{/#};}
.copyright-body {border-color: {#}404040{/#};}

Before I used CSS stylesheet first time on my current forum, the CSS was already blank so can you tell me how do I edit the existing CSS?
by Guest
on November 18th 2019, 7:35 am
 
Search in: Garbage
Topic: Seeking help with the design
Replies: 76
Views: 8646

Back to top

Jump to: