[BlupaceParticipant]

Hey so I have got breascrumbs working on my site, for my portfolios.
But when it comes to my blog post, it isn’t working.

I would like the post to have:

<home><Blog><post name> as the bread crumbs structure.

Currently this is:

<home><post name>

https://blupace.com/behind-the-scenes-bangkok/

[ThaiModerator]

Hi There,

Please provide us with your admin account so we can take a closer look.

Thanks.

[BlupaceParticipant]

This reply has been marked as private.

[LelyModerator]

Hi There,

Thank you for the credentials.
Please go to Settings > Reading > Front Page Display > Posts : We need to choose Blog page here on the dropdown. For Blog to appear on the breadcrumbs, it should be set as blog index page on that settings. Unfortunately, you do have a BLOG page but you added a Essential GRID. That setup will not work because once we choose BLOG as blog index page, it’s content will be controlled by a template and the ESSENTIAL GRID you added on that BLOG PAGE will be overridden by the template. That is how worpdress works and it is not a theme issue.

Hope this helps.

[BlupaceParticipant]

Understood, thank you..

I have changed this to be like you suggested. Is there a way to style the blog post on this page so that:-

1) the featured images have rounded corners,
2) the except is a standard size so that the post appear unified
3) the distance between the posts is reduced
4) post can be sorted based on a category filter.

Kind regards

[BlupaceParticipant]

5) can the hover over fade colour be changed to a light transparent blue
6) the link icon can be changed or removed.

[BlupaceParticipant]

OK so I don’t need to set the customization’s above, all I need to do now is:-

1) Have the ability to filter the blog post.
2) Change the hover effect to a light transparent blue
3) Remove the icon link on the hover effect

[Rue NelModerator]

Hello There,

Thanks for updating in!

#1] The blog index will display all your recent post items. Regretfully blog index filtering is only available in Ethos stack. In your current setup with Integrity stack, this feature is not possible. Please keep in mind that you cannot mix up the stacks.

#2] To change the hover effect to a light transparent blue, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

.entry-thumb {
    background-color: lightblue;
}

Feel free to change the color.

#3] To remove the icon link in the hover effect, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

a.entry-thumb:hover:before {
    display: none;
}

Please let us know if this works out for you.

[BlupaceParticipant]

Hi so the code you suggested worked, but I would like my transparency to be more like this:

Portfolios

Also how can people see my older posts?
How many post will be visible on the page?

[BlupaceParticipant]

I am thinking that xtheme may not be able to achieve what I really want..

I don’t think the blog setup will work how I need it this way.
Maybe there could be another way to look at this.

Is there a way to change how breadcrumbs work here.
I could use ESS Grid to do my post sorting if we could find a way to make breadcrumbs work correctly and manually set the hierarchy structure. Is this possible?

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

a.entry-thumb:hover img {
    opacity: .15;
}

Change .15 to adjust the transparency.

Hope that helps.

[BlupaceParticipant]

Hey, so the transparency is working on my blog index page.

But here is what I really want to do.
I need a page called Blog, where all of my post are listed, and where they can be filtered based on categories.

I also need breadcrumbs to show that the post have a parent page called blog.

[JoaoModerator]

Hi There,

Considering you want to have a Blog page that you can use a filter on top and with Breadcrumbs, I would suggest you using our Addon The Grid Plugin.

You can Install the grid, select posts are source, chose a style, add the filter.

Create a page called blog, go to Cornerstone and add the grid you just created with the Cornerstone The Grid Element.

Once you do that Breadcrumbs will also work out of the box.

The grid looks absolutely fantastic and it gives a really modern touch to the website and it is fairly straight forward to use.

Here is a good example of it on use: You can set different styles.

https://theme-one.com/the-grid/kampala/

hope it helps

Joao

[BlupaceParticipant]

Hey Joao,so I think this will work.
I’ve got the grid working but the breadcrumbs are not respecting the structure.
They should read <home><blog><post>
But they read <home><post>

Also I cant figure out how to set a picture background so that the grid items just float over it?
Every time I try to do this the section background stays solid.

I think I figured out the transparency, I added the following code:

.x-section-1 {
  background-color: transparent !important;
} .entry-wrap {
  background-color: transparent;
  box-shadow: none;
}

https://blupace.com/blog/

Pace

[BlupaceParticipant]

So the problems i currently have are:

The blog pages doesn’t follow the correct breadcrumbs structure.
Also if you filter the grid categories, there is a section below the footer that shows the background image.
This is not how I would like it to perform.

The footer should be the last thing on the page.

Kind regards,

Pace

[Author]

Posts