Removing an image from template page through CSS edit

Hi,

Im looking at removing an image from templated page using a piece of CSS but cant seen to figure out what CSS to use.

The page is https://magnetstore.co.uk/cart/

and i want to remove the large product image covering the main view of the page

Limited experience and a digital marketing manager.

I found a post using the following code

.woocommerce-cart td.product-thumbnail {
display: none;
}
@media (max-width: 767px){
.woocommerce .cart.shop_table .product-name {
display: block !important;
}
}

Divs don't expand to fit in rollover image hyperlinks

Hello everyone,

Hello everyone,

I am trying to make a navigation bar. I want the buttons to be image hyperlinks that change opacity on hover and click. This is how I am doing it:

<style>
	.jw-button a:link,
	.jw-button a:visited
	{
		border: 2px dotted orange;	
		opacity: 0.6;
		overflow: hidden;
	}
 
	.jw-button a:hover,
	.jw-button a:active
	{
		border: 2px dotted yellow;	
		text-decoration: none; /* to remove the little line */
		opacity: 0.95;
		overflow: hidden;
	}
</style>
 
<body>
 
	<div class="jw-button"> 
 

how to align image slider in center of the blog website.

hello i m newbies in html5 coding and css3 too.i want to ask that how to align image slider in center.
my html coding :

<!DOCTYPE html>
<html lang="en">
<meta http-equiv="X-UA-compatible" content="IE=edge">
 
 <section>
 
<div class="slider-container" id="slider-container">
 
	<div class="slider">
		<center>
	</div>
 
	<div class="switch" id="prev"><span></span></div>
	<div class="switch" id="next"><span></span></div>
</div>
 
<div class="container">
 
	<div class="slider-container" id="caption-slide">
		<div class="slider">
 
			<div>

Underline in text links, but not in image links

Is there any way that this CSS code of mine will work in a way that the dotted decoration for links will only work for texts, but not in images?

#content a {
	border-bottom: 1px dotted #666;
	text-decoration: none;
}

A Little help with a broken image

Our site is fasteat.biz, we are a UK online order portal for takeaway food.
We are readying the site for imminent launch and have hit a snag with a weird image problem in our checkout pages. See image, you can see the 2nd image is for cash payments and it is supposed to be aligned with the radio check button,this has now moved above the image and their is the weird repeating pattern of the radio button Puzzled
http://www.fasteat.biz/images/cssradio1.png

We have checked all of the CSS as much as our knowledge allows and cannot find a reason for this, can anyone advise? Smile

Syndicate content