Changing Size of images within the post

  • Unknown's avatar
    viveashphotography · Member ·

    I love the size of the header image in Cubic WordPress but I would love to make the content pics bigger – but its stuck at 640px

    I have changed the image settings to 1500, the images them selves are resized to this plus added this CSS, but it seems to make no difference
    img {
    max-width: 100%;
    height: auto;
    width: 100%; /* to make the image responsive */
    }
    #content img {
    max-width: 1500px;
    }

    I’m sure there is something VERY obvious I’m doing wrong – feeling a little dumb right now.

    It ANYONE can advise that would be smashing.

    My site is

    https://viveashphotography.wordpress.com/

    The blog I need help with is: (visible only to logged in users)

  • staff-jeanpierreac · Staff ·

    Hi there.

    Not so obvious :) Let’s try!

    The fact is your images are inside a 768px entry-content area. So you should need to widen this area to allow your images to be bigger. 

    .entry-content, {
    width: 90%;
}

    In addition to that another intermediate layer should be widened (.image-big). I suggest you to use 100% to be 100% of the above mentioned .entry-content. To polish it, a margin can be used to center pics (horizontal auto margin ) and to separate pics (24px margin to the bottom). So the css code could be:

    .image-big {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 24px;
}

    If you have any other question, we will be glad to try to help! :)

  • Unknown's avatar
    viveashphotography · Member ·

    Thanks, so kind of you to take the time to reply. I have copied and pasted this code into the CSS box, but not changes to the size of the images still :o( Umm, can’t send you a screen grab either…..

  • staff-jeanpierreac · Staff ·

    Hi again!

    I see the .image-big statement. But… you need to add both portions of css code and I’m not sure about the .entry-content code: could you please take a look to confirm if you add it too?

  • Unknown's avatar
    viveashphotography · Member ·

    Hi again (sorry you must be really bored of this, you probably have better ways to spend your tuesday!)

    Yes I put in both statements, entry content one first….as below….

    .entry-content, {
    width: 90%;
    }

    .image-big {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 24px;
    }

  • staff-jeanpierreac · Staff ·

    Hi, viveashphotography!

    I found it. There is a typo in the first statement… I added a comma after .entry-content. Sorry about that. Could you please try the code now and tell us if it works?

    .entry-content {
width: 90%;
}

    About my Tuesday, it’s ok like this! I really enjoy trying to help… even if sometimes the code doesn’t work! :) Enjoy blogging!

  • Unknown's avatar
    viveashphotography · Member ·

    OH. MY.GOD. stop the earth, its working! You're such a star! I've been trying to do this for 6 months! Wooooooooooow=hoooooooooo!!!!!!!11 Soooooo happy!!!!!!!!
    { Viveash Photography }rviveash
    0133602398

  • staff-jeanpierreac · Staff ·

    :D it’s not so big deal !! lol :D

    Enjoy blogging!

  • The topic ‘Changing Size of images within the post’ is closed to new replies.