# Make Images responsive in Blog page?

**URL:** <https://forums.realmacsoftware.com/t/make-images-responsive-in-blog-page/13573>\
**Category:** RapidWeaver Classic\
**Created:** [April 10, 2017, 8:56pm UTC](https://forums.realmacsoftware.com/t/make-images-responsive-in-blog-page/13573 "2017-04-10T20:56:51Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![maschinsky](https://avatars.discourse-cdn.com/v4/letter/m/5f8ce5/32.png) [@maschinsky](https://forums.realmacsoftware.com/u/maschinsky)\
**Post date:** [April 10, 2017, 8:56pm UTC](https://forums.realmacsoftware.com/t/make-images-responsive-in-blog-page/13573/1 "2017-04-10T20:56:51Z")

</div>

I’m not a savy web-developer so please be easy on me. I’m basically happy with RW’s built-in blog page, but if I use it in connection with a responsive theme images in the blog posts start covering the sidebar and get cropped on iPads and mobile phones. Is there a way to use the standard blog-page with a responsive theme? I heard about Amarillo, but that thing scares me a bit, so I’d rather stick with the standard blog page. I don’t want to invest in extra plugins, because what I’m trying to do ist just a small blog concerned with FinalCutProX as a hobby.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [April 10, 2017, 9:32pm UTC](https://forums.realmacsoftware.com/t/make-images-responsive-in-blog-page/13573/2 "2017-04-10T21:32:14Z")

</div>

How are you getting the image into the blog page?  
What theme are you using?  
Do you have an URL we can look at?

The built-in blog (at least in the latest version) look to use responsive images. I’m not a user of the built-in blog, but a simple test with dragging an image into the body seems to be resizing correctly.

---

<div class="post-metadata">

**Author:** ![instacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/instacks/32/23339_2.png) [@instacks](https://forums.realmacsoftware.com/u/instacks)\
**Post date:** [April 11, 2017, 5:47am UTC](https://forums.realmacsoftware.com/t/make-images-responsive-in-blog-page/13573/3 "2017-04-11T05:47:17Z")

</div>

Add following CSS code to the page:

img {  
max-width: 100%;  
height: auto;  
}

---

<div class="post-metadata">

**Author:** ![maschinsky](https://avatars.discourse-cdn.com/v4/letter/m/5f8ce5/32.png) [@maschinsky](https://forums.realmacsoftware.com/u/maschinsky)\
**Post date:** [April 11, 2017, 9:00am UTC](https://forums.realmacsoftware.com/t/make-images-responsive-in-blog-page/13573/4 "2017-04-11T09:00:23Z")

</div>

> [@instacks](#):
>
> img {  
> max-width: 100%;  
> height: auto;  
> }

Awesome! That was exactly I was looking for. Thanks.

---

<div class="post-metadata">

**Author:** ![maschinsky](https://avatars.discourse-cdn.com/v4/letter/m/5f8ce5/32.png) [@maschinsky](https://forums.realmacsoftware.com/u/maschinsky)\
**Post date:** [April 11, 2017, 10:02am UTC](https://forums.realmacsoftware.com/t/make-images-responsive-in-blog-page/13573/5 "2017-04-11T10:02:38Z")

</div>

I have one more question concerning the BLOG page. If I have a SUMMARY in a post, RW adds a “Read More” button to the post to get from the summary to the rest of the text. Is there a way to change the color of that “Read More” button? Here fcpx.at at the end if the first summary you can see that it’s hardly visible on the dark background.