Avatars Display Integration

Started by Pipke, February 15, 2020, 07:43:21 PM

Previous topic - Next topic

Pipke

Quote from: Senkusha on January 23, 2023, 05:54:16 AMIs there an easy way to fix this vertical alignment issue?  The topic is on the bottom of the row, while the other info is at the top of the row.  Ideally, I think a center vertical aligned makes the most sense.

You cannot view this attachment.

can you set/turn the avatars back on @recent posts @ your website, this way i can inspect the code and maybe help you.
"If something is wrong, fix it if you can. But train yourself not to worry: Worry never fixes anything."

Click here to view my mods for SMF

Hey 👋 Did i helped... you like what i do. You can now buy me a coffee! ☕

Senkusha

--Kokoro (f.k.a. Senkusha)
The Anime Brigade
Anime-style Role Playing Games and Discussion.
(SMF v. 2.1.3, PHP v. 8.0)

Pipke

@Senkusha ...  Ok lets do this: fingers crossed ;)

open in your theme\css folder the file costum.css
find at line 891, replace the rule.

Code (replace) Select
/* Recent Flex Grid Thingy thing thing */
.recent_grid_column {
box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
background: var(--windowbg);
background: linear-gradient(180deg, var(--windowbg) 70%, var(--windowbg2) 100%);
flex-basis: 100%;
padding: 0px 0px 0px 9px;
margin: 0px;
text-align: left;
font-size: 1em;
}

@media screen and (min-width:800px) {
 .recent_grid_row, .recent_grid_row span {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items: center;
 }
 .recent_grid_flex {
flex:1
 }
 .recent_grid_row {
border-top: 1px solid var(--borderbg2);
 }
}

good luck with the edit.
"If something is wrong, fix it if you can. But train yourself not to worry: Worry never fixes anything."

Click here to view my mods for SMF

Hey 👋 Did i helped... you like what i do. You can now buy me a coffee! ☕

Senkusha

--Kokoro (f.k.a. Senkusha)
The Anime Brigade
Anime-style Role Playing Games and Discussion.
(SMF v. 2.1.3, PHP v. 8.0)

Advertisement: