Pique Theme : how to remove blue border on active panel of home page ?

Hi there – could you provide a link to your self-hosted site running Pique so I can take a look?

Could you also please specify the browser, version, and OS you’re using.

You can quickly grab those details from here: https://supportdetails.com/

p.s. if you start any new support threads about Pique, could you please add be sure to add the wpcom-theme tag in the tags area to be sure it will get attention, otherwise I won’t see it:

Once Pique is in the www.remarpro.com repo (it’s still in the review queue) it’ll have its own support forum, and the tagging won’t be necessary. Thanks!

Hi Kathryn,
thanks very much for your reply. Sorry I neglected the tag, I didn’t know about that.

I’m only having this problem with Chrome, both pc and mac versions. My system :
win 8.1
Chrome 49.0.2623.87

I’ve checked the site on firefox and the blue frame does not appear ; it seems to be a browser-specific highlight code for input fields (for instance, there is a similar blue border on the text box I’m currently typing this reply into).

My site is here :
https://www.lesbeauxebooks.com/

Here is a screenshot to show you what I mean :
<img src=”https://lesbeauxebooks.com/img/capture.png&#8221; alt=”https://lesbeauxebooks.com/img/capture.png&#8221; />
(in case images aren’t allowed on this forum, here is a direct link https://lesbeauxebooks.com/img/capture.png)

Thanks very much for this theme, it’s really nice.

I’m glad you’re liking Pique!

Thanks for the screenshot – I see what you mean in Chrome. Let me bring this to our developers and I’ll keep you posted.

Sorry I neglected the tag, I didn’t know about that.

No worries, you couldn’t have known. We hope Pique will be in the .org repo soon so it’ll have its own home – until then the tag is the next best thing.

Great, thanks again for your help. I would love if your devs can find a solution to this, so fingers crossed. Note that it only shows up in Chrome, and only if you click on the menu at the top of the static home page ; if you just scroll down (or use a different browser) it doesn’t appear.

Let me know if there is any more info I can give you.

And I definitely do like Pique, I am still exploring all the possibilities and learning new things (about Pique and about WordPress) but I think I got lucky choosing this theme.

Extra props to whoever did the really clear and helpful commenting in the code, I’m a big fan. ??

Extra props to whoever did the really clear and helpful commenting in the code, I’m a big fan. ??

That was the theme’s creator, Sarah Semark – her comments really are the best. ??

That was the theme’s creator, Sarah Semark – her comments really are the best. ??

Thanks for the info, if I ever change themes I’ll look for another one by her. ?? Don’t hesitate to pass along my thanks and appreciation if you get the chance.

Don’t hesitate to pass along my thanks and appreciation if you get the chance.

Already have. ??

Already have. ??

Brilliant. ?? Ta.

Hi there!

So those borders you’re seeing are added by some browsers to help with accessibility. If you’d like to remove them, some custom CSS will be your best option. Please add the following lines of CSS to the Edit CSS section of Jetpack which can be found at APPEARANCE > EDIT CSS.

.pique-panel {
    outline: none
}

If you don’t see the Edit CSS panel, more info on how to add Custom CSS with Jetpack can be found here:

https://jetpack.com/support/custom-css/

Thanks and let us know if you have trouble with anything else.

THANK YOU !!! that’s done the trick perfectly. ??

Thanks again for the lovely theme, and for the help.