Home>Support>basic website problems

basic website problems

By moomoobrom, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi, recently bought vantage pro. I’m going to combine a couple of issues I have, mods, please edit if you’d like them separated. The install is at: coraandspink.co.uk
1. Theme integration – I’m using woocommerce and page builder. It doesn’t allow me to take a page such as shop, and customise it with widgets – am I missing something?
2. The whole theme doesn’t get displayed on Iphones… it is fine on ipad – ok on windows phone, I havent tested on android yet – any ideas? The theme just shows as blue, no page backgrounds. just the content laid out with a blue colour theme.
3. the text buttons after a comment box aren’t aligned correctly, they’re all bunched up.
4. different buttons across the site have taken on different styles, and are inconsistent, how do I default them and start again?

I’m quite a novice user. Please help!!!

URL: http://coraandspink.co.uk/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Moomoobrom

    Thanks for reaching out.

    1. Page Builder and WooCommerce unfortunately aren’t integrated. You can take a regular page and add WooCommerce widgets, you can’t take a WooCommerce page and do the same.

    2. Sounds like you have Jetpack Mobile Theme activated. Head to Jetpack > Settings and de-activate Mobile Theme.

    3. Please insert the following under Appearance > Custom CSS to resolve:

    /* Vantage Jetpack Subscription Form */

p.comment-subscription-form {
  margin-bottom: 10px !important; 
}
p.comment-subscription-form input[type="checkbox"] {
  float: none !important;
  font-size: 1em;
  line-height: 1.92857em; }
p.comment-subscription-form label.subscribe-label {
  font-size: 1em;
  float: none !important;
  line-height: 1.92857em;
  font-weight: normal;
  margin: 0 !important;
  padding-left: 10px;
  width: auto !important;
}
#commentform p.form-submit { 
  margin-bottom: 2em;
}

    4. Try the following under Appearance > Custom CSS:

    /* Remove Vantage WooCommerce Button Styling */

.woocommerce #page-wrapper .button {
background: #ebe9eb; /* Set this to your button background color */	
  border-top: initial;
  border-left: initial;
  border-right: initial;
  border-bottom: initial;
cursor: pointer;
  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;
}

    The above won’t make buttons the same sitewide but it will make all your WooCommerce buttons the same. I’ve put a comment there:

    /* Set this to your button background color */

    If you change your shop button color, just update that single line to reflect the change.

    Thanks

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More