Increase fancy header height and remove title

[CDMedia]

Hi there, I am trying to increase the size of the fancy header at the top of the page and remove the heading.

I have tried using the following code and I cannot get it to work. Any suggestions?

.page-heading.fancy-heading{
padding-top:520px !important;
padding-bottom:420px !important;
}

.fancy-heading h1 {
display: none !important;
}

Also, can I center the tabs in the specifications section?

Thanks

[Kyle – SUPPORT]

Hi

any reason you would want to do that? Rather than just using a parallax asset?

– Kyle

[CDMedia]

I was just trying to avoid using a slider for a single image. The Parallax asset doesn’t seem to work too well on mobiles. I’ll just use a slider instead.

Is there a way to center the tabs under specifications on that page?

Thanks

[Kyle – SUPPORT]

Add this to your custom css:

@media only screen and (min-width: 769px) { 
.spb_tabs .nav-tabs {
  display: block !important;
  margin: 0 auto 20px;
  width: 600px;
}
}

– Kyle

[CDMedia]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
You had three syntax errors in your custom css area. I have resolved it so please check it now.
Thanks
Mohammad

[CDMedia]

Thanks for your quick response Mohammad.

I tried to add a min-height of 300px to the tabs section so that the size didn’t change when the tabs changed and that seems to have broken your fix for some reason? (My change has now been removed)

Would you be able to have another look at it for me. Thanks again.

[Mohammad – SUPPORT]

Hi,
What do you want to achieve in tabs? Where do you have tabs at home page? Please explain your issue in detail. I just corrected the custom css code syntax error to work it properly.
Thanks
Mohammad

[CDMedia]

This reply has been marked as private.

[David Martin – Support]

Hi,

1) Center Tabs:

.spb_tabs .nav-tabs {
text-align: center!important;
}

.nav-tabs>li {
float: none!important;
display: inline-block!important;
}

2) Min height on tabs:

.tab-content {
    min-height: 300px!important;
}

Thanks,
David.

[CDMedia]

Thanks for the response David, appreciate your team’s support as always. All working now.

[Mohammad – SUPPORT]

Hi,
Great thanks David.
Mohammad

[David Martin – Support]

Great, no problem – happy to help.

– David.

[Elton]

Hi

1. I am trying to reduce the image height of the fancy header for the single blog posts – please assist
2. I am trying to change the colour of the Blog Fancy Header Text – Please assist

Thanks for your kind attention.

Regards

[David Martin – Support]

Please create a new thread so you can privately post your WP URL/login details for us.