News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

NameX

Started by Diego Andrés, August 05, 2022, 11:39:45 PM

Previous topic - Next topic

Diego Andrés

You just have to adjust them accordingly.
The default css is adding the image in the anchor, not the pseudoelement.

.board_icon a {
background-image: none;
display: inline;
color: var(--boardicons-txt-color);
}
You'd have to edit this, or overwrite it again (in the custom_edits.css file).
.board_icon a {
background-image: url();
}
And remove the pseudo element
.board_icon a::before {
  content: "";
  display: none;
}

But care for the classes for each, such as board_redirect, board_on, board_off

SMF Tricks - Free & Premium Responsive Themes for SMF.

DeadMan...

I think my css way actually works. (still in shock over that...)
I tell it how I see it... Don't like it? Hit Alt+F4!

DeadMan...

Quote from: Diego Andrés on March 04, 2023, 11:59:54 AMcustom_edits.css

I've searched the latest package and still have not found this file.
Could you please post it and let me know if it goes into css or css/custom ?
I tell it how I see it... Don't like it? Hit Alt+F4!

Diego Andrés

Quote from: DeadMan... on March 05, 2023, 04:29:51 PMI've searched the latest package and still have not found this file.
Could you please post it and let me know if it goes into css or css/custom ?

You add/create it yourself :P
The theme will load it for you, nothing else to do.

It should be added into /css/custom/custom_edits.css
Be aware that it doesn't load after the icons file, only the main css file. It's mainly meant to overwrite stuff from the main file or for... well, custom_edits  :laugh:
However, you can still add custom icons there to avoid editing the icons.css file.

SMF Tricks - Free & Premium Responsive Themes for SMF.

jsx

Quote from: Diego Andrés on March 02, 2023, 10:34:25 AMIt's essentially a font so you can change the color like regular text.

Diego, I meant graphic icons.


Diego Andrés

You'd have to overwrite each of them back to their default state, according to the styles they have in the index.css for main_icons class.
If you want all of them back just delete the icons.css file (but it might break other icons too).

SMF Tricks - Free & Premium Responsive Themes for SMF.

DeadMan...

@Diego Andrés
Is there a way to have Recently updated topics displayed in the info center instead of recent posts?
I tell it how I see it... Don't like it? Hit Alt+F4!

Diego Andrés

Not without a mod, it's just using the default info center

SMF Tricks - Free & Premium Responsive Themes for SMF.

Ricsca

Is there a way to change the color of the part above the menu under the logo?
Thanks

Diego Andrés

What part would that be? Are you referring to the background?

SMF Tricks - Free & Premium Responsive Themes for SMF.

Ricsca

I'm referring to answer number #21

Diego Andrés

Edit any relevant css file to change it.
app.css you can hardcode the background in #header
theme_colors.css to change the variables
variants.css to change the variables for specific colors such as green, blue, etc.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Ricsca

I give the solution for those who need it:

smf/Themes/NameX_v1.2.2/css/custom


Search

    /* Header */
        /* Background */
        --header-bg: hsl(var(--primary-color-hue), 60%, 90%);
        /* Border */
        --header-border-color: hsl(var(--primary-color-hue), 45%, 80%);


Replace

    /* Header */
        /* Background */
        --header-bg: #569550;
        /* Border */
        --header-border-color: hsl(var(--primary-color-hue), 45%, 80%);

PS
I think this option should be the default because it's nicer if the header is the same color as the navbar.

Diego Andrés

Some notes on that:
- The file is theme_colors.css
- The correct way of doing it would be editing the variable in variants.css for green.
- This will break the color scheme for color variants.

SMF Tricks - Free & Premium Responsive Themes for SMF.

DeadMan...

Quote from: Diego Andrés on April 23, 2023, 09:50:17 AMSome notes on that:
- The file is theme_colors.css
- The correct way of doing it would be editing the variable in variants.css for green.
- This will break the color scheme for color variants.

Unless, they add it to custom_edits.css and do something like this:

#header {
    background: #569550!important;
    border-color: #569550)!important;
}

Would have to change the colors to what want.
I tell it how I see it... Don't like it? Hit Alt+F4!

Diego Andrés

Still breaks the color scheme, user wants to change the green color only, should do so from the variants file.

PS: This only matters if users are allowed to change the color.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Sir Osis of Liver

I see a widget for lite/dark on the demo, but it's not in the current package.  Looking for a dark theme.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Diego Andrés

Both NameX and Repulse have a dark/light mode which you can set up from admin > current theme.
There are also some dark themes and a few others with dark/light mode, type dark mode in the filter in the cust site.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Sir Osis of Liver

Got it, thanks Diego.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

user58389239

Diego thank you for this amazing theme! It is a fantastic looking theme, and I'm really impressed with all the support you provide.

One question as I'm getting into it...what is the purpose/value of this checkbox?
Use JavaScript to change the color:
This will change the variant of the theme using JavaScript and auto-update for the profile.


I am not sure why one would check it.

Advertisement: