Change Scaling on Embedded Images

  • dmeventum · Member ·

    I’m trying to change how my theme handles images on the homepage – at the moment it will scale by either width or height, but this is leading to some images being compressed to fit the frame.

    Can anyone advise me on how I can have the image scaled to whichever side is the constraint (smaller)? Or to scale by one and then crop to fit the frame neatly?

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

  • timethief · Member ·

    Are you clear on the fact that CSS editing can only be used to change appearance and not functionality? Scroll down to “Does the Custom Design upgrade let me edit HTML?” here http://en.support.wordpress.com/custom-design/#frequently-asked-questions

  • designsimply · Member ·

    I just checked out http://alive107.com/ and I see that it is using WordPress but it is not currently hosted here at WordPress.com. WordPress.org and WordPress.com are separate setups, see http://en.support.wordpress.com/com-vs-org/ for more details. This forum is only for WordPress.com support, but I did look at your home page and I see how the images sometimes looked stretched in odd ways in the home page slider. I will try to help you get pointed in the right direction to start. The following CSS works to remove a constraint in the theme that sets the width of the slider images to 100%.

    .home-slider .entry-item .entry-thumb img,
.home .flexslider .slides img {
	width: auto;
}

    For further help, the best place to try to ask for assistance with theme-related questions is by checking with the theme author directly first. It looks like http://alive107.com/ is using the Forceful theme by Kopatheme and they have a support forum at http://kopatheme.com/forum/ in case you would like to try there next.

  • The topic ‘Change Scaling on Embedded Images’ is closed to new replies.