Hello Sanjiv Khullar,

To custom the blog image and video width you will need to insert css codes below into your template's stylesheets

/*Easyblog custom styling*/

#socialbutton { 

width: 90px; 

}

/*image size*/

#ezblog-body .blog-image-container {

    display: block;

    position: relative;

    padding-bottom: 56.25%;

    overflow: hidden;

}

#eblog-wrapper .easyblog-thumb-preview {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    margin: 0;

}

#eblog-wrapper a.easyblog-thumb-preview img {

    width: 100%;

    height: 100%;

}

/*video size*/

#eblog-wrapper .video-container {

    position: relative;

    width: 100%;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}



#eblog-wrapper .video-container iframe,

#eblog-wrapper .video-container object,

#eblog-wrapper .video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

I also want to make my photos cover the whole space. Unfortunately I don´t understand the explanation above. Can someone give me a hint? Is this a code in an already excisting file or should I make one myself and place somewhere?

Hello Ann,

I am really sorry for the delay of this reply as it is a weekend for us here. I tried viewing your site at http://198.252.68.98/~ilovef2/index.php/blog/entry/mynameisfaith and the photo is actually utilizing the full width already. Am I missing anything here?

Yes it is working fine now - i had to reupload the images and change the settings for the video in admin - the changes in code were not necessary - thanks

Hi!

I, that wrote the second question, is not the same person who started the thread. You can see my blog here: http://ordpilot.se/index.php/ordpilotsblog

I want the photos to cover the whole writing area, but didn't understand your explanation. I don't know where to find the file you are refering to.

Hello Ann,

Thanks for getting back to us and this is why we advise users to start a new thread rather than riding on another person's thread because both your issues are absolutely different and because you think that you have similar issues causes more confusions

Anyway you need to use the blog image area to insert the image in the blog post to have it stretched. You are currently embedding images into the blog post and there's no way to stretch that image as it will just look pixelated. If you want to try, you can add the block of css codes below into your template's css file,

#ezblog-body .blog-text img, #ezblog-body .blog-content img {

  	width: 100% !important;

}

OK! I now understand that I can´t use the "Insert media function" at the top of the page. Instead I first make the photo the correct size, upload it the traditional way and then usual "Insert/edit image icon".

AND in the future I will start my own threads I just assumed this was the same problem/question. Sorry for that!

Not a problem at all Ann, sometimes it's quite difficult for us to process your inputs because when you mentioned that "you have the same issue", we have to read back the original thread from the start all the way to the bottom and sometimes we get confused too (We are only humans after-all, and humans do make a lot of mistakes)

Thanks for understanding Ann!