Widen featured image in single post

  • Resolved JonathandenBreejen

    (@jonathandenbreejen)


    2 years, 9 months ago

    Hi Anders,

    Thanks for the great theme !

    Is there a easy way (in additional css) to widen the featured image to , eg 800pixels or another size, instead of the standard max of 620pixels?

    I tried .featured-image img { max-width: 800px; }
    but it won’t widen further than the 620pixels

    let me know!

    thanks.

    J.
    —

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @jonathandenbreejen,

    The featured image in Hamilton is 1240 pixels by default (see the demo site). Can you post a link to your site so I can take a look?

    — Anders

    Thread Starter JonathandenBreejen

    (@jonathandenbreejen)

    Hi Anders,

    What a quick reply, wow, I will send it now , but will close it again at the end of the afternoon, it is still supposed to be hidden behind a maintenance screen for now until it is filled with my friends artworks.

    I am a rookie with wordpress/css,php so don’t not be to harsh ??

    anyways: website is https://www.petravannoort.com/

    —
    the additional css i used (don’t mind the dutch comments)
    —

    /* uitzetten comments */
#.comments { display: none; }
.featured-image img {   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;}

/* breedte instellen colummen front page */
//.blog #site-content > .section-inner { max-width: 2560px; }

/* afstand tussen header en titel post en tussen cat en featured image singular post, test maar eens om min-height te veranderen in 0; */
.page-header { min-height: 0; }

/* maximum featured image width */
.featured-image img { max-width: 800px; }

/* breedte tekst veld onder singular post, orgi 620px */ .entry-content.section-inner.thin { max-width: 800px; }

/* weghalen mets data zoals categorien */ .meta.bottom, .meta {
	display: none;
} 

/* Padding ruimte tussen top en webpage titel en tussen webpagetitel en titel post, het orgineel was 100px */
.site-header { 
    margin: 0 auto 0 auto;
	max-width: 1240px;
	padding: 25px 0; 
}

    —

    Thanks for looking at it !.

    Jonathan.

    Theme Author Anders Norén

    (@anlino)

    Hi @jonathandenbreejen,

    No problem! The difference in the width of the featured images is due to this CSS, which reduces the width of the images by half:

    .featured-image img {   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;}

    Remove the width: 50% and you should get what you’re looking for.

    – Anders

    Thread Starter JonathandenBreejen

    (@jonathandenbreejen)

    HI Anders,

    another swift reply, much appreciated, and ohh how stupid i feel ??

    Thanks!!

    Theme Author Anders Norén

    (@anlino)

    @jonathandenbreejen No worries!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Widen featured image in single post’ is closed to new replies.