News:

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

Main Menu

Repulse

Started by Diego Andrés, March 01, 2023, 02:33:27 PM

Previous topic - Next topic

Steve

#20
url removed by me
DO NOT pm me for support!

Diego Andrés

Try this:
css/custom/app.css
Code (Search) Select
.forum_news {
background-color: var(--forumnews-bg);
display: grid;
grid-template-columns: 45px 1fr;
grid-template-rows: 1fr 1fr;
flex-wrap: wrap;
align-items: flex-start;
border-radius: 5px;
margin: 0 0 1em;
border-style: solid;
border-width: 0 0 0 3px;
border-color: var(--catbg-bg);
box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.1);
min-height: 90px;
align-items: center;
}

Code (Replace) Select
.forum_news {
background-color: var(--forumnews-bg);
display: grid;
grid-template-columns: 45px 1fr;
grid-template-rows: auto 1fr;
align-items: flex-start;
border-radius: 5px;
margin: 0 0 1em;
border-style: solid;
border-width: 0 0 0 3px;
border-color: var(--catbg-bg);
box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.1);
min-height: 90px;
}

Or you can just add it to css/custom/custom_edits.css
.forum_news {
grid-template-rows: auto 1fr;
align-items: flex-start;
}

SMF Tricks - Free & Premium Responsive Themes for SMF.

Steve

Heading out for the morning. Will give those a try this afternoon. And thanks.
DO NOT pm me for support!

TwitchisMental

#23
Quote from: Diego Andrés on August 09, 2023, 10:14:35 AMTry this:
css/custom/app.css
Code (Search) Select
.forum_news {
background-color: var(--forumnews-bg);
display: grid;
grid-template-columns: 45px 1fr;
grid-template-rows: 1fr 1fr;
flex-wrap: wrap;
align-items: flex-start;
border-radius: 5px;
margin: 0 0 1em;
border-style: solid;
border-width: 0 0 0 3px;
border-color: var(--catbg-bg);
box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.1);
min-height: 90px;
align-items: center;
}

Code (Replace) Select
.forum_news {
background-color: var(--forumnews-bg);
display: grid;
grid-template-columns: 45px 1fr;
grid-template-rows: auto 1fr;
align-items: flex-start;
border-radius: 5px;
margin: 0 0 1em;
border-style: solid;
border-width: 0 0 0 3px;
border-color: var(--catbg-bg);
box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.1);
min-height: 90px;
}

Or you can just add it to css/custom/custom_edits.css
.forum_news {
grid-template-rows: auto 1fr;
align-items: flex-start;
}
That fixes it @Steve .  *I made the edit via the inspect tool to test.*

Steve

Which fixes it? The find and replace code or the last bit of code to add to custom_edits.css?
DO NOT pm me for support!

Diego Andrés

Either will do.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Steve

Since I don't have a css/custom/custom_edits.css file (unless that's something I would need to create) I went with the find and replace option and it worked perfectly.

Thanks @Diego Andrés and @TwitchisMental;D
DO NOT pm me for support!

Diego Andrés

Yes, for future reference, the custom_edits.css file is manually created so admins can keep their edits safe when updating files of the theme.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Steve

That's a great idea!
DO NOT pm me for support!

TwitchisMental

Quote from: Steve on August 09, 2023, 03:24:50 PMWhich fixes it? The find and replace code or the last bit of code to add to custom_edits.css?
Whichever is easier for you. They are both doing the same thing.

If you do the second, when updates come around any of your personal touches won't be messed with.

Steve

Quote from: TwitchisMental on August 09, 2023, 03:41:21 PMIf you do the second, when updates come around any of your personal touches won't be messed with.
Is that true for all 2.1.4 themes?
DO NOT pm me for support!

TwitchisMental

Quote from: Steve on August 09, 2023, 03:43:56 PM
Quote from: TwitchisMental on August 09, 2023, 03:41:21 PMIf you do the second, when updates come around any of your personal touches won't be messed with.
Is that true for all 2.1.4 themes?
That is just one of the neat features Diego has added to his theme.

Although technically it can be done to any theme. Just add a custom.css, call it from index.template.php and then add your changes there instead of changing the index.css.

Steve

Cool. Thanks Twitch and Diego.
DO NOT pm me for support!

Diego Andrés

Fixed it on GH it did seem like an issue. I applied slightly different changes.
I won't update package until I have a new release, this is rather small at this time.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Steve

At the bottom of the main index page, is there a way to make the last tab I've chosen stay open when I navigate away from the index and then back to the main page? It always defaults to the first tab (Calendar in my case).

Or am I missing a setting somewhere?
DO NOT pm me for support!

Diego Andrés

It's not a feature at this time.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Steve

Okay, thanks. I'll put it on my wish list.  ;D
DO NOT pm me for support!

gevv

Looks great. Thanks  @Diego Andrés
ElkArte is a modern, powerful community building forum software. https://www.elkarte.net/

Diego Andrés

1.0.4 - 10 September 2023
  • Improvement Theme Settings tabs now go back to the same tab after saving.
  • Bug Fix Fixed minor layout issues.
Full list of changes

SMF Tricks - Free & Premium Responsive Themes for SMF.

Diego Andrés

1.0.5 - 01 October 2023
  • Improvement Minor layout improvements for boards layout.
  • Improvement Theme Settings tabs minor tweaks.
Full list of changes

SMF Tricks - Free & Premium Responsive Themes for SMF.

Advertisement: