Remove Titles From Blog Site

Site URL: http://ATEBIT.net

Hi there I am working on a new design for our website where the blog will be the primary navigation for the site. I want to remove the Blog titles completely from the overall blog image - image attached shows it currently. I am previewing it through the Haute template.

Can anyone assist with code I can inject to remove? Just want it to be images for the blog posts only, or if possible, hover over the image and the title appears at the bottom of the image.

You mean on Welcome page?

Add to Design > Custom CSS

/* remove blog title welcome page */
body#collection-5fbdedc5145a8629dc75592c .summary-title {
    display: none;
}

6 hours ago, tuanphan said:

You mean on Welcome page?

Add to Design > Custom CSS

/* remove blog title welcome page */
body#collection-5fbdedc5145a8629dc75592c .summary-title {
    display: none;
}

 

Hi there I do indeed - I've just set up a new landing page (http://atebit.net) password is 88OONN5ag1

The blog titles are still showing 😞

I should also say I mean I want to have each individual blog posts title not visible as part of the stack. Graphic only

On 1/2/2022 at 10:42 PM, brendanatebit said:

I should also say I mean I want to have each individual blog posts title not visible as part of the stack. Graphic only

Use this CSS

h2.Blog-title {
    display: none;
}

hi @tuanphan I wonder if you can help me 🙂

So, I have a page that is a blog from there I have different posts or entries .... the thing is that I need to delete the titles from them cause I just want  the images to be able to be seen  on the main page.... but the thing is that each time I add a css I can only delete the title from the inside of the post and I dont want that 🙂   thanks for the help!!!

13 hours ago, unrtist said:

hi @tuanphan I wonder if you can help me 🙂

So, I have a page that is a blog from there I have different posts or entries .... the thing is that I need to delete the titles from them cause I just want  the images to be able to be seen  on the main page.... but the thing is that each time I add a css I can only delete the title from the inside of the post and I dont want that 🙂   thanks for the help!!!

You mean you want to keep title in Edit Mode, but remove it from Preview/Live Mode? 

You can use this code to Website Tools > Custom CSS. If it doesn't work, please share link to blog page, I can check again easier.

body:not(.sqs-edit-mode) h1.blog-title {
	display: none;
}

Hi @tuanphan  first thanks for the help.... to be honest It did not work hahahha .... I think I did not explain myself correctly ..... so how do I hide or remove the titles from the blog main page?

the link of the page is : https://www.vignolofloralstudio.com/eventos


Thanks very much for your time. 

Hi @tuanphan   sorry hahahah ... It did work but I need to be able to see it too the editing mode too

Hi @tuanphan I did it! I change one thing and it work! thaks for the help I will leave you the code:

/* remove titles from main page blog */
body:not(.sqs-edit-mode-active) h1.blog-title {
    display: none;
}