[Charl CoetzeeParticipant]

Hi

I Created Tabbed content using cornerstone (Renew Stack), and it looks great. But for some reason when I open it in Firefox it creates a black border around the tabs when you hover over the non active tab etc. It’s very weird. It doesn’t happen in Chrome or Safari, only FireFox.

Could you please provide me with the css that will solve this. Thanks in advance!

http://mastery.guitarskills.com/sign-up-for-a-free-membership/

Running:
WordPress 4.4.2
X Version 4.3.4
Cornerstone 1.1.3

Thanks
Regards

[ThaiModerator]

Hi There,

Try adding the following CSS under Customize > Custom > CSS:

a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
	outline: none !important;
}

Hope it helps.

[Charl CoetzeeParticipant]

Thanks!

Worked like a charm!

[ZeshanMember]

You’re welcome! 🙂

[Charl CoetzeeParticipant]

Hi

I am having another small issue.

My sidebar is all the way left on my macbook Pro 15′ but is about 50px away from the left on my imac 21′.

Is there some css I can use to fix its left paramenter to the side of the window or something?

here is my css

.x-sidebar{
border-left: 2px solid #606166;
border-right: 2px solid #606166;
padding: 30px;
margin-bottom: -39px;
h4-font-size: 10px;
background-color: #2C3E50;
text-align: center;
margin-left: -70px;
}

As you can see i’ve already added a negative left margin to make it hug my window side but on larger screens it still has a gap. Basically I need it to be fixed to the side on all displays.

http://mastery.guitarskills.com/blog-post-test/

thanks

[ThaiModerator]

Hi There,

Please try adding the following CSS:

.x-sidebar.left {
    left: 0 !important;
    margin-left: 0 !important;
    position: absolute;
}
.x-sidebar.left.sticky-element-fixed {
    position: fixed !important;
}

Hope it helps 🙂

[Charl CoetzeeParticipant]

Hi thanks

It fixes it to the side now, but it does some funny scrolling and jumping when you scroll down the page. It has to be fixed to the left, bottom/footer and top/nav if that makes sense?

[RupokMember]

Hi there,

Thanks for updating. It’s because the content in two Tabs are different and that’s why height is changing and it’s usual.

Cheers!

[Author]

Posts