Display of the contribution images

Morpheus-2014 · March 2022

Hi,

I have a references section on the website https://pixelway.de/projekt-brandschutz/ . At the moment there are only three photos.

First question: I have created four posts (category references), why am I only seeing three images?

Second question: Above the post name is the profile name and a date. How do I get both removed so that only the post name remains?

Third question: Can I change the display of the images and the number?

thanks

screen-Beitraege.jpg

Phil · March 2022

Hi,

1) You use the Blog Teaser element, which always displays only three posts. If you want to show more, you can use Blog News with a similar display.

2) It can be hidden by writing a custom CSS code. Please let me know if you need help writing it, but these elements do not appear in the Blog News.

3) Can you explain how you would like to change it in more detail, please?

Thanks

Morpheus-2014 · March 2022

Hi,

ok i stayed with the blog teaser. I put two under each other. Can the second blog be created in such a way that the two small images are displayed first and then the large one, i.e. mirror images of the first blog?

I would be happy to ask for your help with the CSS, i.e. the display without a user name and without a date.

As for the third question, I would just like to know if the images can be resized.

One last thing, when I move the mouse over the block images, they are shown a little darker, probably via a filter. Can I change it to lighter or darker?

Thank you for your effort and patience and stay healthy

Phil · March 2022

1) Please, add a custom class to the Blog Teaser (you can name it however you want) and put the following CSS code in the Page Options:

.reverseTeaser .blog-teaser li:first-child{
   float: right!important;
}
.reverseTeaser .blog-teaser.margin-no li:not(:first-child){
   float: left!important;
}

2) To remove the author and date, use this code:

.blog-teaser .post-meta{
   display: none!important;
}

3) No, there is no option to resize the images in this item.

4) To control the color of the hover, please, use this code:

.blog-teaser li .photo-wrapper::after{
   background-color: rgba(0,0,0,.5)!important;
}

Thanks

Morpheus-2014 · March 2022

Hi,

Thanks very much. Point 1 with the class doesn't work for me unfortunately.

thanks

Phil · April 2022

You have put it to the element as an ID, not a class.

You can either change your CSS code like that:

Or put it in the Custom CSS field.

Thanks

Morpheus-2014 · April 2022

Hi thanks

They had described to me how I can remove the username and the date, which also worked. If I click on one of the blog subpages, I have a click button for more blogs on the bottom right/left, there is also a date that I want to remove.

Thanks and have a nice weekend

screen-Date.jpg

Phil · April 2022

This date can be hidden in Betheme -> Theme options -> Global -> Navigation & share.

Thanks

Display of the contribution images

Comments