product pages displaying strangely

Please add following code to your style.css

#header img {
    max-width: none;
}

#header .woocommerce img {max-width:none;}

That line should solve the issue for you. Place that where you normally place any custom CSS for your site. The point here is to override the current style in place on your WooCommerce pages that sets the image to max-width:100%; which is restraining the image to the width of its’ h1 container.

Thanks for your replies but i don’t know how to edit the CSS. Is there not a way of sorting this out through the normal settings controls?

or if not, how would i go about editing the CSS?

thanks

I would recommend just using a Custom CSS tool like the one provided in Jetpack if you don’t feel comfortable editing your child theme style.css

I think i have located the correct file:
/wp-content/themes/premiumnews/style.css
is that the one? I am using the premium news theme

i have opened the style.css file in notepad and have the following code – where should i add the line:
#header .woocommerce img {max-width:none;}

thanks

[Moderated – Please don’t post that many lines of code]

You can add in the bottom

#header img {
    max-width: none;
}

right at the bottom? after the gravity forms etc?

sorry, i am not good at this – i normally have someone who does it for me but they are unavailable at the moment

thanks

You should really be using a child theme and not editing the parent theme files since they will be overwritten when you update the theme. That is also why I suggested something like Jetpacks Custom CSS module, you won’t lose any changes on an update that way.

You could just drop that at the bottom of your stylesheet though if you wish.

sorry i don’t really understand how to use a child theme. can anyone point me in the direction of a good guide? (for non techies)

I provided a link to the codex in the post above. Here it is again https://codex.www.ads-software.com/Child_Themes

There are plugins like Jetpack that allow you to enter Custom CSS if you choose to go that route – You will want a child theme if you edit any of your theme files.