NameX

[user58389239]

I did the fix manually for now and it did the trick. Thanks for the help! I will wait and update at 1.2.9.

[Diego Andrés]

Hello,

Can the background and content section be full width on small screen phones?

Try with this on custom_edits.css

Code Select Expand

@media (max-width: 480px) {
#content_section {
padding-inline: 0.25em;
}
#main_content_section {
padding-inline: 0;
}
#top_section .inner_wrap, #wrapper, #header,
footer .inner_wrap, #nav_wrapper {
max-width: 100% !important;
padding-inline: 5px;
}
}You can set the padding-inline to zero on both, just thought it should still have some visual 'guide'.
Let me know if it works for you.

[gevv]

Many thanks @Diego Andrés You're right, a little space looked better.

[forumhub]

Yes how to change the "Namex" without replacing with Website Logo. Like i want to use custom Text for Example "NameX" with the Text "Forum" .  Please elaborate and show me which file or replace codes to fix it.

Thank you

[Diego Andrés]

Yes how to change the "Namex" without replacing with Website Logo. Like i want to use custom Text for Example "NameX" with the Text "Forum" .  Please elaborate and show me which file or replace codes to fix it.

Thank you

Try this:
https://www.simplemachines.org/community/index.php?topic=583206.msg4159816#msg4159816

[jsx]

Hello Diego.

I changed the forum background color to hex and the footer color to hex as well.

Code Select Expand

body {
background: #e5e5e5;
font-family: var(--body-font-family);
color: var(--body-txt-color);
font-size: 1rem;
line-height: 1.2rem;
display: flex;
flex-direction: column;
min-height: 100vh;
}

Code Select Expand

/* Footer */
footer {
margin: 25px 0 0;
padding: 15px 0;
background: #ddd;
box-shadow: 0px -5px 8px -5px rgba(0,0,0,0.1);
}
And unfortunately, when turn on the forum's dark mode, the background does not change to dark. I understand that in order for the background color to change to dark, the color must be set as var. How can I easily make a forum background var with this color: #e5e5e5? I would also like to make a background var for the footer in this color: #ddd

[Diego Andrés]

You'll need a new var likely because you need to set it in the dark.css file.
Example:
theme_colors.css

Code Select Expand

—-body-custom-bg: #e5e5e5;dark.css

Code Select Expand

—-body-custom-bg: darkcolor;

Code Select Expand

body { background: var(—body-custom-bg); }

I can post the custom_edits.css solution too if you are using that file, though I seem to recall you weren't.

[jsx]

There is this code in the theme_colors.css file:

Code Select Expand

/* Body */
/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
/* Color */
--body-txt-color: hsl(0, 0%, 15%);
/* Color Strong */
--body-txt-color-strong: hsl(0, 0%, 35%);
/* Font Family */
--body-font-family: 'Lato', 'Segoe UI', 'Helvetica', 'Arial';
And should I add this code to this code?

Code Select Expand

--body-custom-bg: #e5e5e5;
And I should add this code in the dark.css file, right?

Code Select Expand

--body-custom-bg: darkcolor;
In which file should I insert this code?

Code Select Expand

body { background: var(—body-custom-bg); }

I can post the custom_edits.css solution too if you are using that file, though I seem to recall you weren't.

I don't use this file.

[Diego Andrés]

In which file should I insert this code?

Code Select Expand

body { background: var(—body-custom-bg); }

app.css or custom_edits.css.
It's just an example, you already have a body selector you posted above, just edit it.