Altitude (Genesis) changing featured image size

[melbournetreats]

I am not a web developer, i'm picking this up as I go along to update and improve the look of my blog/review site so i'm hoping someone can spell it out for me here. I've three questions that should hopefully set me on the path of formatting things how I want:

1) I am having problems with my featured page image default size being too large, and would like to reduce this in my "genesis featured post" widget. is there any way of easily doing this?

2) If I add an image to appear in a text widget, how do I make this image responsive with browser/res size changes? I'm wondering if this could be a better option for my front-page Title. (make a Vector graphic to insert rather than use Text Widget font sizes)

3) One other thing, how can I make my main Title on my front-page larger but still responsive when switching to mobile platforms (I can make it larger by just specifying a 400% font size to over-ride the CSS font size but then that won't change size as the screen res gets smaller).

Any help greatly appreciated, thanks.

http://www.melbournetreats.com

[Badlywired]

1) you could add some css
e.g.
.featured-content img {max-width: 500px;}
or
.featured-content img {width: 50%;}

2) generally images in widgets are responsive, if they are not then you need to set the widths to be in % terms of their containers

3) you will need to decide on the step changes and then use media queries in your css http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
your theme will already have some media queries, up to you what you use but common steps 768, 480, 320

---

My techy blog WordPress and stuff badlywired.com

[melbournetreats]

Thank you, will try and tinker with things a bit and see how I go. One problem with the image width seemed to be with old images, a quick "regen" has fixed it so it looks much better now...but still want to find a nice way of making my Title more responsive.

Cheers

[Author]

Posts