basic website problems
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!!!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
1Hi 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.