Blog - grey lines & "like"

shamrockwishes · September 2014

Hi

How do I get rid of the grey lines that appear on the filter section at the top of the blog page?

Also - how do I remove that filter section completely,

Finally, how do I remove the "do you like" under the blog posts?

Thank you

Albert · September 2014

To remove this filter and "do you like it", please use below css:

.blog #Filters { display: none; }
.blog .post-footer .button-love .love-text { display: none; }

shamrockwishes · September 2014

Thank you. I just tried that. It didn't work.

Perhaps I did it wrong....this is where I posted it:

/* Theme customization starts here

-------------------------------------------------------------- */

.custom-css-class { display:block;}

.blog #Filters { display: none; }

.blog .post-footer .button-love .love-text { display: none; }

Albert · September 2014

Each custom CSS should be pasted in Theme options > Layout > Custom CSS & JS > Custom CSS section.

shamrockwishes · September 2014

Great. Thank you - that worked!

However when I click on a link via a tag, it is still there. What do I need to get rid of the lines when viewing posts via tags etc.?

shamrockwishes · September 2014

And it is also at the top of each post page when I click on any post.

Also is there a way to set up one post page format/layout....at the moment I have to go in to each one to change each one, e.g. if I want to change the RevSlider or layout elements. I am hoping I can set one layout / format for all posts in one go.

Thank you in advance.

Albert · September 2014

Please send us url to your website because we have no idea what line for tags you still have. We must have a look on it.

What you mean one layout for post page? Because we are not sure what exactly you mean.

shamrockwishes · September 2014

I was able to remove the grey lines (filter panel) from the top of the main blog page which shows the listing of the blog posts. However when you go into a single blog post, the grey lines are still there.

The site is in maintenance mode. But here is a photo showing that posts (either clicked on directly or via tags) still have the like button and the grey lines.

Albert · September 2014

So if you want to remove those elements from single post page, please use below css then:

.single-post .post-nav { display: none; }
.single-post .post-header .button-love a.mfn-love { display: none; }
.single-post .post-header .title_wrapper { border: 0 !important; }

shamrockwishes · September 2014

Thank you!

shamrockwishes · October 2014

Please advise how I can do the same thing for Pages. This worked very successfully for posts, and I would like to change how the header appears for pages.

Albert · October 2014

For pages, copy above css but use .page class instead of .single-post

shamrockwishes · October 2014

Great. Thank you.

shamrockwishes · October 2014

That didn't work unfortunately. I emptied the cache also. Still didn't work. Here is what I used:

.page .post-nav { display: none; }

.page .post-header .button-love a.mfn-love { display: none; }

.page .post-header .title_wrapper { border: 0 !important; }

Albert · October 2014

Please remove above css and send us url to page where you want to remove those elements.

shamrockwishes · October 2014

I removed CSS. Here is the link to an example of a page where the header shows up. http://paintdrawblend.com/techniques-tips/

Albert · October 2014

If you mean "Techniques & Tips" subheader, then please use below css to remove it:

.page #Subheader { display: none !important; }

shamrockwishes · October 2014

That removed the header. I want to keep the header.

I think I may have not explained the problem properly.

My issue is to get rid of the grey box that the header sits on, so that the header appears exactly like it does in the blog posts. Like the header here (simple black text on white background, justified left) : http://paintdrawblend.com/2014/10/panpastel-monotypes-dawn-emerson/

Albert · October 2014

Sorry but we really don`t see any grey header. Please make a screenshot of what you mean with explanation on it. This will be the best way to show us which elements you want to remove from right page.

Blog - grey lines & "like"

Comments