Hide breadcrumbs title on portfolio item's page

bokstudio · May 2015

Hi!

I need to hide this title from all portfolio pages (see image attached). Also the extra padding in the subheader will be gone after disable this?

Thank you in advance

Cheers

Albert · May 2015

Hi,

please send us url to page where you want to do this and we'll give you solution.

Thanks!

bokstudio · May 2015

Hi, this is the BETA URL http://s455630546.mialojamiento.es/portfolio-item/triumph-scrambler/
I need to do this in all portfolio-items http://s455630546.mialojamiento.es/projects/

Thank you

Albert · May 2015

Yes, padding will gone as well. To remove this title from portfolio pages, please use below css:

.single-portfolio #Subheader .title { display: none; }

bokstudio · June 2015

Hello, thanks for the trick but extra padding is still there:
http://s455630546.mialojamiento.es/portfolio-item/triumph-scrambler/

Can you check it?

Thank you

Albert · June 2015

To decrease min width for header, you should also use below css:

body:not(.template-slider) #Header { min-height: 100px !important; }

bokstudio · June 2015

Ok, I´d made this changes:

.single-portfolio #Subheader .title { display: none; }
.single-portfolio #Subheader { display: none; }
body:not(.template-slider) #Header { min-height: 200px !important; }

Now they look with the same size and no title.

Thank you

Cheers

bokstudio · June 2015

Hello again!

It´s possible to hide subheader image on mobile mode?

Thank you.

bokstudio · June 2015

And the color of social, telephone, email icons??

It is possible to do so in the theme options??

Cheers

Albert · June 2015

To remove header image on mobile devices and change icons and color, please use below css:

@media only screen and (max-width: 767px) {
    body:not(.template-slider):not(.header-simple) #Header { min-height: 0 !important; }
    #Action_bar .contact_details li > i { color: #FFF !important; }
    #Action_bar .social li a { color: #FFF !important; }
}

bokstudio · June 2015

Thank you very much!

Enjoy the weekend

Albert · June 2015

You're welcome

bokstudio · June 2015

Hello!

I need help with one more thing!

Is possible to disable the item author in Blog top Bar "Filter by..". I need only to display the item categories and tags and the autor only inside the post.

Can you help me?

Thank you

bokstudio · June 2015

Hello again!

This too:

Apply this to single post: .single-post #Header { min-height: 200px !important; }

This is not working, How it's done correct?

See this two subheader examples, they are with different size (I need this two with the same size like in the hole web):

Blog subheader: http://s455630546.mialojamiento.es/noticias/
Single post subheader: http://s455630546.mialojamiento.es/visitamos-the-bike-shed-london-2015/

Thank you in advance

Cheers

bokstudio · June 2015

This is all I'd done inside custom css:

.post-meta .author { display: none; }
.single-portfolio .post-nav { display: none; }
.single-portfolio #Subheader .title { display: none; }
.single-post #Subheader .title { display: none; }
.single-photo-wrapper, .project-description { display: none; }
#subheader { display: none; }
body:not(.template-slider) #Header { min-height: 200px !important; }
.single-portfolio #Subheader { display: none; }

@media only screen and (max-width: 767px) {
    body:not(.template-slider):not(.header-simple) #Header { min-height: 0 !important; }
    #Action_bar .contact_details li > i { color: #FFF !important; }
    #Action_bar .social li a { color: #FFF !important; }
}

Albert · June 2015

You want to remove only "Filter by" text? If yes, then from which page? We must be sure about it.

bokstudio · June 2015

No, in section Filter by... only Author Item

bokstudio · June 2015

Blog

Albert · June 2015

Ok, so to remove author only, please use below css:

#Filters .filters_buttons li.authors { display: none !important; }

bokstudio · June 2015

Thank you very much!!

What about the extra padding? See above

Copy:

Hello again!

This too:

Apply this to single post: .single-post #Header { min-height: 200px !important; }

This is not working, How it's done correct?

See this two subheader examples, they are with different size (I need this two with the same size like in the hole web):

Blog subheader: http://s455630546.mialojamiento.es/noticias/
Single post subheader: http://s455630546.mialojamiento.es/visitamos-the-bike-shed-london-2015/

Thank you in advance

Cheers

Albert · June 2015

The page where padding is bigger, got Subheader which is empty. That's why this space is bigger.

bokstudio · June 2015

Ok, I got it!

Thank you

Albert · June 2015

You're welcome

Hide breadcrumbs title on portfolio item's page

Comments