Hello,
I have just finished my website (knightmills.com) and it is up and running however I just have a few issues that I would like some guidance on please. I guess I will need to address these separately so as not to have a confusing thread..
So issue number one.. When I click on ‘SHOP’ from my menu it has- knightmills.com/shop-2/
why the -2 when I’ve only one shop.. Pretty sure its my error but I cannot see where the problem stems from.
Please advise..
Also is it ok to post a few issues in one thread or like I guessed just one at a time?
Thank you
Hi sacha
Please try heading to Pages and click the Trash link at the top. Check that there isn’t a “Shop” page in the trash. If there is, it will stop your current Shop page from getting that slug. If there is a Shop page in the Trash, delete it. Then head to Pages > Shop and change the page slug from shop-2 to shop.
Hi Andrew,
That worked perfectly!!!! Thank you for your help.
My other queries are:
When I navigate to ‘work’ in my menu and then click on a sub menu, then click on an image to enlarge it a slideshow appears which is fine… However there are ghost lines on each picture, they look like two box outlines in white across the middle. Do you know what is causing them please and how I can remove them?. They are all the way through the pictures in my ‘work' sub menus.
Also:
My Home page illustration (two crows and a necklace) is a little blurry and also doesn’t fully fit when viewed on different screens. I noticed that the bottom of the necklace can be cutoff on certain larger screens.
Also when viewing my site on a mobile device the wording ‘Products for you and your home’ stays large, should this resize accordingly along with the rest of the info?.
Glad that helped.
1. Head to Appearance > Customize > Page and de-activate Image Shadow and Rounding.
2. Meta Slider is handling your image, that image is set to cover so I’m afraid it’s as responsive as it gets right now. For a totally different approach you could try inserting that image as follows:
1. Appearance > Home Page, create a row at the top of the page, edit the row, click the Theme tab on the right, enter the image url from the media library in the background image field provided. Then click the Layout tab and from the drop down menu select for the row to be full width stretched.
I’m not sure this will create a better result than Meta Slider though.
The Headline widget doesn’t currently have any responsive behaviour. Try adding the following to Appearance > Custom CSS:
/* Headline Widget Responsive */ @media (max-width: 680px) { .widget_headline-widget h1 { font-size: 16px; line-height: 26px; } }Edit as required.
Hi Andrew,
Thank you for your reply and tips.
I will try placing my home image as you have suggested.
However I have just tried to remove the ghosting from my sub menu pictures.. but when I went to ‘customise’ and 'page' I realised that I have already tried this and in fact the box (image shadow and rounding) was not checked?
Here is a screen grab of the issue in case I didn’t explain my self clearly enough-
Its the broken horizontal thin white line just visible over a third down from the top of my image..
It is something to do with the navigation between the pictures, as if I click to go forward (right side of image) or back (left side of image) they visually indent like large buttons.
Hope that makes sense :)
Thank you again!!!
For sure.
The buttons are coming from the Colorbox plugin. They are inheriting Vantage button styles. Try the following under Appearance > Custom CSS to stop that.
/* Colorbox Plugin */ button#cboxPrevious, button#cboxNext { box-shadow: none; }(Try a plugin like this: http://wordpress.org/plugins/all-in-one-favicon/ to run your own Favicon and get rid of HostGators. )
YEY!!
Thank you that worked a treat!
Awesome, glad to hear that did the trick.
Hello Andrew,
I wonder if you can help me please… I have looked online for hours trying to find an answer to this but I couldn’t.
Basically Id like to change the bright blue of the ‘Proceed to check out' button on my website.
Any ideas please?
Snap shot below-
Thank you.
Apologies for the hassle. We’ll have this improved soon. For now, please add the following to Appearance > Custom CSS:
/* Remove Vantage WooCommerce Button Styling */ .woocommerce #page-wrapper .button { background: #71c632; /* 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; } .woocommerce .button.alt, .woocommerce .button.alt:hover { background: none !important; background-color: #71c632 !important; /* Set this to your button background color */ border: none !important; }Edit the two color values to your desired button background color.
Hope that helps.
Hi Andrew,
Thank you.
It worked well!!
Glad that helped :)
All the best.