Senff - a11n's Replies - page 35

Forum Replies Created

Viewing 15 replies - 511 through 525 (of 5,040 total)

← 1 2 3 … 34 35 36 … 334 335 336 →

Forum: Plugins
In reply to: [WooCommerce] Woocommerce responsive view
Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago
Hey @jamiekeevy1

You can do this with a little bit of custom CSS code.

Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
```
@media screen and (max-width: 1024px) {
  .woocommerce.product-columns-5 ul.products li.product, 
  .woocommerce-page.product-columns-5 ul.products li.product {
    width: 48%;
    margin-left: 4%;
    margin-right:0;
  }

  .woocommerce.product-columns-5 ul.products li.product:nth-child(2n+1), 
  .woocommerce-page.product-columns-5 ul.products li.product:nth-child(2n+1) {
    margin-left: 0;
  }  

}

@media screen and (max-width: 768px) {
  .woocommerce.product-columns-5 ul.products li.product, .woocommerce-page.product-columns-5 ul.products li.product {
    width: 100%;
    margin: 0;
  }
}
```
Select “Save Changes” from the top, and your changes will be applied to your site.
Forum: Plugins
In reply to: [WooCommerce] Add to Cart Background Color CSS
Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago
Hey @regerman926

Try this code instead:
```
.wp-block-button__link.add_to_cart_button {
  background-color: #660066;
}
```
Forum: Plugins
In reply to: [WooCommerce] quantity input and Add to cart on the same line

Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago

To place the input field and “Add to cart” button next to eachother will require a bit more advanced code, but I’ll leave this thread open so that others may be able to look into that.

Forum: Plugins
In reply to: [WooCommerce] quantity input and Add to cart on the same line
Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago
Hey @tommaso99

You can do some this with a little bit of custom CSS code.

Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
```
.single-product form {
    display: flex;
    flex-direction: column;
}

.single-product form .quantity {
    order: 1;
}

.single-product form #wc-stripe-payment-request-wrapper{
    order: 4;
}

.single-product form button.single_add_to_cart_button {
    order: 2;
}

.single-product form #wc-stripe-payment-request-button-separator {
    order: 3;
}
```
Select “Save Changes” from the top, and your changes will be applied to your site.

This will rearrange the items in the right order. To place the input field and “Add to cart” button next to eachother will require a bit more advanced code, but I’ll leave this thread open so that others may be able to look into that.
- This reply was modified 5 years, 5 months ago by Senff - a11n.
Forum: Plugins
In reply to: [WooCommerce] 4.7.0 version does not load tables correctly
Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago
Hey @spanakaras

It looks like this may have been added in your editor code (perhaps you copied/pasted it from somewhere?), but you can fix this with some CSS code.

Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
```
#tab-description td:first-child {
  text-indent: 0 !important;
  width: 200px;
}
```
You should see the changes right away, but this is just a preview for you, so you can experiment a little if you like.
Once you’re happy with it, select “Save Changes” from the top, and your changes will be applied to your site.
Forum: Plugins
In reply to: [WooCommerce] 4.7.0 version does not load tables correctly

Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago

Hey @spanakaras

Can you share a link to your site (and a page where this shows), so we can take a look and see what might be wrong?

Forum: Themes and Templates
In reply to: [Storefront] Making Woocommerce mobile site 2 columns for products
Senff – a11n
(@senff)

5 years, 5 months ago
Hey @behaminhome

To do this on the homepage as well, add this code:
```
@media screen and (max-width: 799px) {
  .home ul.wc-block-grid__products {
    overflow: hidden;
    display: block;
  }
  .home ul.wc-block-grid__products li.wc-block-grid__product {
	 width: 48%;
	 float: left;
   max-width: 48%;
   margin-left: 4px;
   margin-right: 0;
  }
  
  .home ul.wc-block-grid__products li.wc-block-grid__product:nth-child(2n+1) {
    clear: both;
  }  
}
```
Forum: Themes and Templates
In reply to: [Storefront] different footer image on mobile device
Senff – a11n
(@senff)

5 years, 5 months ago
Hey @susanmelchers

To use a different image in your footer on smaller screens, you can use a little bit of custom CSS code.

Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
```
@media screen and (max-width: 767px) {
  #page .site-footer {
    background-image: url('https://www.noobkoffie.com/wp-content/uploads/2020/11/pexels-vitaly-vlasov-1323730-scaled-e1604749612660.jpg');
  }
}
```
You should see the changes right away, but this is just a preview for you, so you can experiment a little with different images if you like (the one I used in my code above doesn’t actually make things more clear, but is only used as an example of course).

Or, you could remove the image altogether, by using this code:
```
@media screen and (max-width: 767px) {
  #page .site-footer {
    background-image: none;
  }
}
```
Once you’re happy with it, select “Save Changes” from the top, and your changes will be applied to your site.
Forum: Plugins
In reply to: [WooCommerce] customise Storefront Header Cart
Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago
Hey @mattperry008

You can do this with a little bit of custom CSS code.

Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
```
.site-header-cart .widget_shopping_cart {
  background-color: red;
}
```
You should see the changes right away, but this is just a preview for you, so you can experiment a little with different colors if you like.
Once you’re happy with it, select “Save Changes” from the top, and your changes will be applied to your site.
Forum: Plugins
In reply to: [WooCommerce] Product image size

Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago

Hey @webmastermagnifik

It’s possible that the image size is determined by your theme. Without having access to your site, it’s hard to tell, but you can try this by temporarily switching to a default theme, such as Storefront, and see if things work then.

If it does work in Storefront, but not with your current theme, it’s best to check this with your theme’s support team.

Forum: Plugins
In reply to: [WooCommerce] Navigation arrows not visible

Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago

Hey @johannakoefoed

It’s not entirely clear which arrows you’re referring to. I’m not seeing a box with a cross, or navigation arrows on any other page. Could you clarify that a bit please?

Forum: Plugins
In reply to: [WooCommerce] Loupe icon on admin bar, how to hide it?
Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago
Hey @kullussteve

You can do this with a little bit of custom CSS code.

Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
```
#adminbarsearch {
display: none;
}
```
Select “Save Changes” from the top, and your changes will be applied to your site.
Forum: Plugins
In reply to: [WooCommerce] Order Dashboard total number not correct

Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago

Hey @zwergensache

How do you export your orders exactly? Are you using a plugin for that, or using custom code?

Forum: Plugins
In reply to: [WooCommerce] Image change problem on variations – Woocommerce / Enfold

Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago

Hey @activewebsight

Can you share a link to your site where this issue appears? That will help us understand it a bit more, and might give us an idea what could be wrong. 🙂

Forum: Plugins
In reply to: [WooCommerce] plugin error after update, Ceckout Page problems

Plugin Support Senff – a11n
(@senff)

5 years, 5 months ago

Hey @eugenedatura

Looking at the console when I’m on the checkout page, it shows an error related to Carrotquest.io:

Image link: https://d.pr/i/4dPfUt

I’m not sure if that comes from your theme or from a plugin, but I’d recommend the conflict-testing steps here to isolate the source of the issue: https://docs.woocommerce.com/document/how-to-test-for-conflicts/

Viewing 15 replies - 511 through 525 (of 5,040 total)

← 1 2 3 … 34 35 36 … 334 335 336 →