Docs

[Charlie C]

Hi, I’ve read the threads on using a new @import statement and have done that but it hasn’t worked.

I’ve run out of ideas to regain my custom styles.

Any help appreciated.

Thanks

Charlie

[Rue Nel]

Hello There,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password (only if necessary)

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Meanwhile, have you check this out: https://community.theme.co/forums/topic/child-theme-updates/

Thank you.

[Charlie C]

This reply has been marked as private.

[Paul R]

Hi Charlie,

Upon checking I can see your site is working fine.

Please clear your browser cache and check again.

Thanks

[Charlie C]

Hi, unfortunately it isn’t. I’d added lots of new rules to the tabbed menu but the visual composer css seems to be overriding it.

Hope you can help

Thanks

Charlie

[Rupok]

Hi Charlie,

Are you referring your custom CSS? Would you point some styles you have added but overriding by VC?

Thanks!

[Charlie C]

Hi

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {
color:#ffffff;
background-color: rgba(46, 50, 51, 0.701961);
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a {
color:#ffffff;
background-color: rgba(46, 50, 51, 0.701961);
}

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a:hover{
color:#ffffff;
background-color: rgba(148, 193, 13, 0.45);
}

[Rue Nel]

Hello There,

Please update the code and use this instead:

.entry-content.content .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {
  color:#ffffff;
  background-color: rgba(46, 50, 51, 0.701961);
}
.entry-content.content .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a {
  color:#ffffff;
  background-color: rgba(46, 50, 51, 0.701961);
}

.entry-content.content .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a:hover{
  color:#ffffff;
  background-color: rgba(148, 193, 13, 0.45);
}

Hope this helps. Please let us know how it goes.

[Charlie C]

Perfect. Thanks so much!

[Joao]

Glad to hear it,

Joao

[Charlie C]

Sorry, but one more thing. I’m not sure where I need to pinpoint media queries to style these tabs on mobile and tablet.

Many thanks

Charlie

[Thai]

Hi Charlie,

Please try with this CSS(for tablet / mobile only):

@media (max-width: 979px){
	.entry-content.content .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {
		color:#ffffff;
		background-color: rgba(46, 50, 51, 0.701961);
	}
	.entry-content.content .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a {
		color:#ffffff;
		background-color: rgba(46, 50, 51, 0.701961);
	}

	.entry-content.content .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a:hover{
		color:#ffffff;
		background-color: rgba(148, 193, 13, 0.45);
	}
}

Hope it helps 🙂

[Charlie C]

No, that doesn’t seem to have worked. Very odd!

[Thai]

Hi Charlie,

I’ve just corrected your custom CSS.

Please take a look.

Regards!

[Charlie C]

Hi, thanks so much. I can see that some bits are fixed but I can’t see any change to the tab background colours?

Thanks

Charlie

[Author]

Posts