Lmst

So I'm playing around with making my own theme for Ghost and there's one thing I really want to get right:

Ghost has built-in functionality for setting the width of images to break out of the article container, resulting in images that span the full width of the viewport, alternatively about 50% between the content column and the viewport edges. This is set in the Ghost editor and simply adds class names to the figure element. It's up to me to code the output.

What is best practice for accomplishing this with CSS? Because the solutions I'm finding aren't very neat. And they for example add a horizontal scrollbar to the browser...

Thanks for you help :)

Edit: added an image for explanatory purposes.

#css #csshelp

Image that shows a rectangle labelled “Viewport" with a single, horizontally-centered column labelled “Content”.

Across the content column are two blue horizontally-centered rectangles.

The first rectangle stretches just a bit outside the content column and is labelled “stretched image”.

The second rectangle stretches all the way to the borders of the viewport on both sides and is labelled “full-width image”.

Link CW: Meow Wolf Spoilers

Any CSS gurus mind taking a look at this and offering suggestions for the dots between the entries and phone numbers? It works great on short entries but on multiline entries there’s a significant gap between the end of the text and the dots starting. Not sure if there’s an easier technique I’ve missed.

https://davmillar.github.io/phone-boop/

#WebDev #CSSHelp #CSS #WebArt

#CSSHammer
Setting "line-height" -- in Stylus extension in Firefox ESR 102 -- affects only the toot text after it has been navigated to; has no effect in "Home" feed or response or parent toots. What am I missing? #CSSHelp #mastodonHelp

/*
Started with ".status__content__text *".
*/
/*
.status *
, .status__content *
*/
.status__content__text *
{
line-height: 1.5em !important;
}

Using "p" element instead was far more effective. There is still a difference in the spacing between 2 lines depending on if a toot is seen on its own.

That could be combining with default of showing navigated-to-toot in a larger font. I do have set minimum font size in the browser.

Need blog help. I've spent way too much time on this.

I have a custom theme on Blogger. I'm trying to get the post snippet on the home page to point to certain text in the blog post instead of pulling from the top.

https://stackoverflow.com/questions/75121120/how-do-i-customize-the-post-snippet-on-the-homepage-of-my-blogger-blog

#blog #Blogger #blogging #BlogHelp #HTMLHelp #CSSHelp

@blogging

#CSSHelp

Client Info