Remove titles

Shapely
1

Moving over from another thread (https://colorlibsupport.com/t/title-padding/#post-66335) - trying to address same issue as this person.

How do I removed the big page titles but keep the grey heading? Have tried adding different code to Additional Code, did not work. (have attached screen shot for this too)

Want to remove ‘Portfolio’ from pages like this: http://prettynumbers.co.uk/portfolio/us-police-shootings/

2

Hi @themattgould,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

.page-title-section  .page-title {
    display: none;
}

Best Regards,
Movin

3

Thanks, Movin.

That doesn’t seem to have worked.

See this page still showing ‘Portfolio’ after I added that CSS

http://prettynumbers.co.uk/portfolio/world-of-asses/

4

You have some incorrect code in your theme custom CSS option therefore it is not working.

Please try adding the code in the vary top of the custom CSS option.

5

I’ll try that. Can you let me know what bit of code is incorrect, so I can pull it?

6

The following is incorrect code


@media (max-width: 890px){
body.post-type-archive-jetpack-portfolio #page .inner-title .title,
#page .shapely_home_portfolio .inner-title .title {
    opacity: 1;
    top: 30%;
}

which you should change as following to correct it.

@media (max-width: 890px){
body.post-type-archive-jetpack-portfolio #page .inner-title .title,
#page .shapely_home_portfolio .inner-title .title {
    opacity: 1;
    top: 30%;
}
}
7

Thanks, Movin.

That did the trick.

Is there any way to remove that grey band entirely?

So, for example, this page (http://prettynumbers.co.uk/portfolio/bet-know-happens-next/) would go from the top-menu straight to the white section below with the content.

Cheers,

M

8
Is there any way to remove that grey band entirely?

Use the below CSS code to achieve this.


.page-title-section {
    display: none;
}
9

Thanks!

10

You are most welcome here :slight_smile: