News:

SMF 2.1.3 has been released! Take it for a spin! Read more.

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.
     She is happy where she lies
     With the dust upon her eyes.

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.
     She is happy where she lies
     With the dust upon her eyes.

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: