NO BUG: Styles not being rendered in shortcodes

Hello,

I’m trying to create a custom blog page that displays my post archive, but i’m running into an issue that i can’t solve. The way i’m building it is an archive template that is being renderend into a page called blog via a shortcode. The archive template looks good but as soon as i pull it in with a shortcode the syling of the post titles is wrong. My custom font Poppins is being overridden by Roboto. When i go to the archive for instance of 2023 everything looks fine, i just can’t get it to work on my blog page. Am i doing this wrong or is this some kind of bug? Please view the attached screenshots to see what styling is being applied.

Scherm­afbeelding 2023-08-28 om 13.35.39

Hey Thom

thanks for your report.

May I ask first why you’re going that “archive template via shortcode within a regular page route”? Maybe we can solve the issue by going the “official route”. :sweat_smile:

Best,

André

Hi André,

Thank you for your reply. I’m new to Bricks builder and fairly new to WordPress so i’m following this tutorial: https://youtu.be/bD3L0Op6V8Y at 02:45:35 this method is shown so that is how i tried to set up my blog page. I had a feeling this is not the best way, but i couldn’t find the right resources.

The main reason is that i want multiple pages for different post categories, but i want to control their looks with the one archive template i made. They would for instance have a different page title, and then output the posts.

If i’m doing this the wrong way it would be greatly appreciated if you could point me in the right direction. Thanks!

Maybe good to mention, i did do my sidebar this way, i made a section with some links and this is loaded with the correct styles wherever i place it.

Thom.

Hi there,

Hoping someone can look into this or explain me some more about the right way to set it up in Bricks builder, as it is the last thing before i can complete this website.

What i did find out, as soon as i add a link to a header in an embedded element like a sidebar, for instance H2, it will turn into Roboto and ignore the styling i applied in the template.

Thanks in advance!

Hey Thom,

I created a small screencast to demonstrate how you could set things up. Hope I understood your use case correctly. :slight_smile:

Let me know if that helps.

Best,

André

Hey André,

That is great! Thanks for your extensive answer and for taking the time to record a video. It’s a lot more clear for me now and i will start implementing this right away in my project. Very helpful, thanks!!

Best regards.