NameX

[Diego Andrés]

In a post you can add an horizontal rule. Like this:
I would like to change the color.

You can overwrite the rule to change it to your custom colors.

Code Select Expand

hr {
    box-shadow: 0 1px 0 color inset;
    background: color;
}

[Mandarin]

You can overwrite the rule to change it to your custom colors.

Code Select Expand

hr {
    box-shadow: 0 1px 0 color inset;
    background: color;
}

Thanks. In which file and at which place please?

[Diego Andrés]

custom_edits.css, at the end of the file is fine.
Or if you want to use different colors for dark mode, you'll need to set it up in the dark.css file too.

[Mandarin]

custom_edits.css, at the end of the file is fine.
Or if you want to use different colors for dark mode, you'll need to set it up in the dark.css file too.

Sorry but I don't have a custom_edits.css file?

[Diego Andrés]

You can create it, css/custom/custom_edits.css to safely overwrite styles.

[T.Linden]

Tested my forum on mobile and discovered a second avatar rounding. It's square on desktop with the custom css you posted earlier, but on mobile it's still round. Found this in responsive.css

Code Select Expand

    .poster ul.user_info li.avatar img.avatar {
        border-radius: 50%;
    }

Curious that this one is a fixed 50% and not the --avatar-border-radius variable like the other one.

I tried to fix it by putting that fragment in custom_edits.css and changing the 50 to 0, but it doesn't work. Can we not overide the responsive.css in the same way as the other files, or am I getting the reference wrong?

Thanks again for all your help, you've been great.

[Diego Andrés]

Mmmm feel free to remove the border-radius from the responsive.css file. It looks like a 'bug'. I'll fix it in the next update.

I tried to fix it by putting that fragment in custom_edits.css and changing the 50 to 0, but it doesn't work. Can we not overide the responsive.css in the same way as the other files, or am I getting the reference wrong?

Yes with !important. Though in this case it's not supposed to be there, so I'll take care of that soon.
Thanks for reporting.

[Diego Andrés]

Went ahead with a new package to address that issue, and include improvement for the toggle button.

1.2.6 - 31 August 2023

• Added aria labels and titles to icons for toggle button, theme mode and variants.
• Only display navigation toggler on mobile.

Full list of changes

[jsx]

Hi @Diego Andrés

The social icons in the user profile are slightly too large.



Should it be like this? Because the icons on the user profile in the post are smaller.



After adding the social media button in NameX settings in the Social Media tab, I don't stay in that tab; it just takes me to the Main tab. Is this some kind of bug?

I have another question regarding adding a link to a YouTube channel.

To make the YouTube button appear, I need to add the entire address https://www.youtube.com/@User-name - why doesn't adding @User-name work? Why does the full address have to be entered for YouTube?

[Diego Andrés]

Should it be like this? Because the icons on the user profile in the post are smaller.

They are font icons so other normal icons might have different sizes like in this case.
Try to make them match your preferred size:

Code Select Expand

.poster .profile .profile_icons li {
  font-size: 12px;
}I haven't tested it, could also make it more specific just in case

Code Select Expand

.poster .profile .profile_icons li span.main_icons::before {
  font-size: 12px;
}

After adding the social media button in NameX settings in the Social Media tab, I don't stay in that tab; it just takes me to the Main tab. Is this some kind of bug?

I'm not sure what behavior you are describing?

To make the YouTube button appear, I need to add the entire address https://www.youtube.com/@User-name - why doesn't adding @User-name work? Why does the full address have to be entered for YouTube?

This is intentional because some channels don't have a username or are new channels.

[jsx]

Just add the code font-size to the original code.

Code Select Expand

.poster .profile .profile_icons li, .poster .im_icons li {
font-size: 12px;
display: inline-block;
padding: 0;
}
I mean the icons that appear in the user profile when enter the user profile, where there is a Summary. Which code in app.css is responsible for these icons?

I'm not sure what behavior you are describing?

When I'm in the Social Media tab, after pressing the Save button, I don't stay in that tab; it takes me to the Main tab. Do you think it should be this way?

[Diego Andrés]

I mean the icons that appear in the user profile when enter the user profile, where there is a Summary. Which code in app.css is responsible for these icons?

.icon_fields span.main_icons

You can use the inspector tool to find these rules easier and overwrite them, or edit them.

When I'm in the Social Media tab, after pressing the Save button, I don't stay in that tab; it takes me to the Main tab. Do you think it should be this way?

I'll see if something can be done with js, duplicating the button caused a bug when I attempted it.

[T.Linden]

Just about to install 1.2.6. Don't see anything automatic, is there a recommended update procedure?

Upload and overwrite the current version or install the new one and remove the old one?

[Diego Andrés]

Overwriting files is fine.
Check the link with the list of changes to see which files you need to update.

https://github.com/SMFTricks/NameX/compare/v1.2.5...v1.2.6

[gevv]

Hi,


How can I use the form title instead of the logo?

[Diego Andrés]

Your setup your own logo URL in the theme settings.

[gevv]

I want to use form title as text without image

[Diego Andrés]

index.template.php

Code (Search) Select Expand

<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '
                    <span class="theme-logo">
                        <span>
                            ' . substr_replace($settings['theme_name'], '', -1) . '
                        </span>
                        <span>
                            ' . substr_replace($settings['theme_name'], '', 0, 4). '
                        </span>
                    </span>' : '
                    <img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
                </a>

Code (Replace) Select Expand

<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '
                    <img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
                </a>

Could also do:

Code Select Expand

<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '
<span class="theme-logo">
' . $context['forum_name'] . '
</span>' : '
<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
</a>But I'm not sure how that'd turn out without testing it.

[gevv]

Thanks @Diego Andrés

Code 1: orange

You cannot view this attachment.

Code 2: in gray tones (or transparent)

You cannot view this attachment.

I will use the first code

Code Select Expand

<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '
                    <img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
                </a>

[gevv]

Hi,

Long links in the signature spoil the view on mobile