Docs

[muckymonsterclub]

Hi, I have a number of queries to ask before I go live with my site.

My site is http://www.muckymonsterclub.com

1. I have recently applied a hyperlink to the “Meet our Mucky Monsters” container on the home page(blue section) with the the following code jquery from the great forum you guys run.

(function($){
// column 1
$(‘‘).insertBefore(‘#linked-column-1’);
$(‘#linked-column-1’).prependTo( $(‘#link1’) );

Problem being, in cornerstone the page preview looks ok but out of cornerstone the container padding is off(left). I would also like the link to open the page in a new window.

2.Secondly I would like to change the colour of the “add to cart” button within classes section (it is currently in white on a white background) this also applies to “proceed to payment” button on the checkout page.

3. Also on the checkout page, I would like to remove the “Have a coupon? Click here to enter your code” including the blue highlighted area.

Any insight into these niggles, that would be great
Many Thanks
Tom

[Rue Nel]

Hello Tom,

Thanks for writing in!

#1] Please update your JS code from this:

<a id="link1" href="http://www.muckymonsterclub.com/demo-home/meet-our-monsters/#meet">

using this:

<a id="link1" href="http://www.muckymonsterclub.com/demo-home/meet-our-monsters/#meet" target="_blank">

And to resolve the padding, please check your row settings. You need to enable this Marginless Column setting.

#2] You have insert invalid custom css code. The hex code for colors is only up to 6 characters for example: #333333. You also have unclosed curly braces and a lot more. Please see the screenshots;
http://prntscr.com/b317ic
http://prntscr.com/b317sf
http://prntscr.com/b317y4

#3] To disable the coupons, please go to settings, WooCommerce > Settings > Checkout > Checkout Options. You need to uncheck the use of coupons.

Hope this helps.

[muckymonsterclub]

Thank you for your reply.

I have updated the Jquery, which worked a treat. My problem is still with the padding as when I tried using margin less container the dashed line around the container were pushed together and does suit the design of the rest o the page.

Also i would like to keep the “coupon bar” but lose the “have a coupon” on the checkout page.

I have amended the hex colour in the CSS which has only made the text appear on the product page and not the box surrounding it how do I edit the CSS for this the whole button?

this did not work for the checkout page either.

Thanks again for pointing out the messy CSS, Im little new when it comes to code!

[Rue Nel]

Hello There,

I would suggest that you just link the custom headline and your icon image to save you from any trouble and further issues it may create.

I couldn’t find the “have a coupon” text. All I see is this: http://prntscr.com/b3ezog

Please let us know how it goes.

[muckymonsterclub]

Great idea!that would clear up the layout issues! But can link the custom line within cornerstone? or do i need some CSS or Script to make it work?

I have attached a screen grab to show you what coupon section I want to remove.

many thanks
tom

[Christopher]

Hi there,

#1 Sorry for the confusion, adding hyper link to columns is not possible through CS.

Please add following code in Customize -> Custom -> CSS :

#linked-column-1 a.x-img.x-img-link.x-img-none {
    margin-bottom: 24px;
}

#2 Add this as well :

.woocommerce-checkout .woocommerce-info.x-alert.x-alert-info.x-alert-block:nth-of-type(2) {
    display: none;
}

Hope it helps.

[Author]

Posts