Lodestar: how to make the pictures wider

sallakoivu · Member · Sep 6, 2017 at 11:14 am
Copy link

Add topic to favorites
Hi!

I’d like all the pictures that are in my portfolio-pages to be wider.

Eg. in this page, I’d like every single picture to be a lot wider:
https://sallakoivu.com/portfolio/sushifck-website/

It doesn’t seem to do anything, if I change the “media width” in customize. :((

If possible I’d also like to remove the “featured picture” which is on top of the portfoliopage above the title.

I don’t really understand coding, so I would be so so so greatful of help!!!

The blog I need help with is: (visible only to logged in users)
g471n · Member · Sep 6, 2017 at 6:27 pm
Copy link
Hi sallakoivu

The images are being constrained by the width of the content area on the page. Try adding the following CSS:
```
@media screen and (min-width: 60em)
??-eJx9UctuAyEM…FaEbS3Q==:5802
body:not(.lodestar-front-page) #primary {
    margin: auto;
    max-width: 80%;
    width: 80%;
}

img.alignnone.size-lodestar-featured-archive-image {
    max-width: 100%;
    width: 100%;
}
```
To add custom CSS

Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.
g471n · Member · Sep 6, 2017 at 8:21 pm
Copy link
Let me know if that works for you and then I will have a go at removing the featured image from your portfolio page.

No items found.