Re. Vantage Theme and Woocommerce

Hi cass

1. Unfortunately not at this time.

2. That’s default for the header widget area, to change this, insert a Layout widget into the header widget area and then use that widget to build your vertical layout in the header widget area.

3. Please try the following under Appearance > Custom CSS:

/* Links */

#main a { color: #dd3333; }
#main a:hover { color: #2b1100; }

Change those to your link colors. Should do the trick.

Apologies, let’s get that Vantage styling out the way. Insert the following under Appearance > Custom CSS:

/* Remove Vantage WooCommerce Button Styling */

.woocommerce #page-wrapper .button {
  border-top: initial;
  border-left: initial;
  border-right: initial;
  border-bottom: initial;
  background: initial;
  background: initial;
  background: initial;
  background: initial;
  background: initial;
  filter: initial;
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  border-radius: initial;
  color: initial;
  -webkit-box-shadow: initial;
  -moz-box-shadow: initial;
  box-shadow: initial;
  width: initial;
  text-decoration: initial;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  cursor: initial;
  /* Corrects inability to style clickable 'input' types in iOS */
  -webkit-appearance: button;
  line-height: initial;
  text-shadow: initial;
}

This is something we can look into the medium term, unfortunately for right now it’s not possible for us to resolve this from the support team side of things. Vantage WooCommerce styling isn’t reaching those cart buttons and is losing out to WooCommerce styling – apologies. What I suggested with that last bit of CSS was to remove Vantage WooCommerce button styling. That would free you up to style all your WooCommerce buttons using their design settings.

Hi Sid

Glad to hear you’re thinking about updates. But to confirm, the child theme is only helpful if you’re modifying theme files at a code level. When you do that, the modified theme file then gets copied (not cut) from the parent them and inserted into the child theme. This doesn’t apply to CSS. If you change a CSS selector then only that selector must go in the child theme’s stylesheet OR under Appearance > Custom CSS which is also upgrade safe.

Please can you try inserting the CSS again. It can go either in your child theme’s stylesheet or easier, under Appearance > Custom CSS. Then confirm a url for your site (I’m not successfully loading the link in this thread) and I’ll confirm that the CSS is working or not.

Sorry about that. Please remove the Custom CSS in question and try this instead:

/* Remove Vantage WooCommerce Button Styling */

.woocommerce #page-wrapper .button {
  border-top: initial;
  border-left: initial;
  border-right: initial;
  border-bottom: initial;
  background: #8cc63e;
  filter: initial;
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  border-radius: initial;
  color: initial;
  -webkit-box-shadow: initial;
  -moz-box-shadow: initial;
  box-shadow: initial;
  width: initial;
  text-decoration: initial;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  cursor: initial;
  /* Corrects inability to style clickable 'input' types in iOS */
  -webkit-appearance: none;
  line-height: initial;
  text-shadow: initial;
}

Small change to fix the cursor issue:

/* Remove Vantage WooCommerce Button Styling */

.woocommerce #page-wrapper .button {
	background: #8cc63e;	
	border-top: initial;
	border-left: initial;
	border-right: initial;
	border-bottom: initial;
	cursor: pointer !important;
	filter: initial;
	-webkit-border-radius: initial;
	-moz-border-radius: initial;
	border-radius: initial;
	color: initial;
	-webkit-box-shadow: initial;
	-moz-box-shadow: initial;
	box-shadow: initial;
	width: initial;
	text-decoration: initial;
	/* Improves usability and consistency of cursor style between image-type 'input' and others */
	cursor: initial;
	/* Corrects inability to style clickable 'input' types in iOS */
	-webkit-appearance: none;
	line-height: initial;
	text-shadow: initial;
}