NameX

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

Previous topic - Next topic

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

Quote from: gevv on November 27, 2023, 10:27:41 AMHello,

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

Try with this on custom_edits.css
@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.

SMF Tricks - Free & Premium Responsive Themes for SMF.

gevv

Many thanks @Diego Andrés You're right, a little space looked better.
ElkArte is a modern, powerful community building forum software. https://www.elkarte.net/

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

Quote from: forumhub on Yesterday at 11:44:46 PMYes 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

SMF Tricks - Free & Premium Responsive Themes for SMF.

jsx

Hello Diego.

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

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;
}

/* 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
—-body-custom-bg: #e5e5e5;dark.css
—-body-custom-bg: darkcolor;
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.

SMF Tricks - Free & Premium Responsive Themes for SMF.

jsx

There is this code in the theme_colors.css file:

/* 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?

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

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

body { background: var(—body-custom-bg); }
Quote from: Diego Andrés on Today at 09:56:13 AMI 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

Quote from: jsx on Today at 11:42:09 AMIn which file should I insert this code?

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.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Advertisement: