Skip to main content

Formatting of dynamic blog post content in template

Theodora Birch

I am having trouble with the formatting of the blog posts in Brizy. The information is being pulled directly in from wordpress posts but it is not bringing in the formatting for the H2 and I cannot realign the images. Please see attached.

0

Comments

30 comments

Date Votes
  • Kc George

    Hi Theodora

    When you click on the Brizy Content element, and then on the Typography icon, you will see the following screen. At the top of the screen, please see P, H1, H2...H6.

    With the help of the top part of this screen, you can map the Gutenberg typographies with the Brizy typographies. For example, you can map H2 in Gutenberg to Heading 2 in Brizy. H1 in Gutenberg can be mapped to Heading 1 in Brizy etc. Click on each of the Gutenberg typographies on top and map it to the Brizy typography you see below.

    If you center align your image in Gutenberg, it should be center aligned in Brizy as well.

    0
  • Theodora Birch

    Ok Thanks for this but the blog is still not pulling through the H2. It does not work. I have mapped the Gutenburg tags to the Brizy ones. If you see attached the header is showing up in Poppins font  but in Brizy the font is Playfair Display and it is not supposed to be size 16. 

    Thanks 

     


    0
  • Kc George

    Hi Theodora 

    Here is something you can try. These themes work well with Brizy. https://www.brizy.io/theme-partners. Are you using one these themes? If not, can you try changing to Blocksy or another theme from this list?

    0
  • Theodora Birch

    Hi. I am using the Blocksy theme already. 

    0
  • Kc George

    Hi Theodora

    We will need to take a look at your WordPress Dashboard to help you troubleshoot this issue. If you need help with troubleshooting, please add me as a user to your WordPress Dashboard. My email: kc.george@brizy.io. Please enable the option "Send the new user an email about their account" as in this screenshot https://jmp.sh/tSRznJX

    Once you have sent me an invitation, please let me know here.

    0
  • Theodora Birch

    I have added you as a user. Can you also please look into why the pop I have created will not display on the page. I have created a template and added in the conditions and triggers but it will not show up on any of the pages. 

     

    Thanks 

    0
  • Kc George

    Hi Theodora,

    I have received your invitation. I could not see your Dashboard; this could be because may be you have not assigned me Administrator role.     

    I could reproduce the issue at my end. This looks like a bug at our end (I don't need to check your Dashboard). Please give us few days to get back to you with a fix.

    0
  • Theodora Birch

    Thanks KC. I have the following issues on Mishoura as well - please see below. 

    1. I believe we have a problem with heading tags since H2 tags appear to be normal text, and the same issue exists on the one world blog. Could you please look into it?
    1. Whenever I put a hyperlink on content, the content must show up with different color or bold but due to some issue, the hyperlink text is clickable but look normal. As shown in the below image? Can we make our hyperlink text different from normal text?
    •  
    1. There is some problem with the featured image as well. As social media channels failed to fetch our blog image. I think that there should be some technical problem that needs to be addressed.
    2. Though we don’t have any nofollow tag and noindex tags on our both blog pages but still our blogs are not indexable. I believe there should be some technical issue that has to be solved.
    4. Though we don’t have any nofollow tag and noindex tags on our both blog pages but still our blogs are not indexable. I believe there should be some technical issue that has to be solved.
    0
  • Kc George

    Hi Theodora,

    1. This issue is happening because of a bug with Brizy WP. We are working on fixing this. Please give us few days to get back to you with a fix.
    2. You cannot set link colors in Brizy; however Brizy displays the link colors set in your theme. To set the link colors in Blocksy, at the WordPress Dashboard under Appearance - Customize - Colors set Link Normal and Hover colors. (see the attached image)
    3. For social sharing apps to display your featured images, please use a plugin which allows you to set social sharing images. Popular SEO plugins like Yoast and Rank Math has this feature. Please watch this video for the procedure to setup social sharing image with Yoast https://youtu.be/hLNgwFnO438    
    4. Yoast or Rank Math can also help you setup your SEO. These plugins can generate sitemap for you and you can submit your sitemap to Google Search Console

    0
  • Theodora Birch

     

    Thanks for this message - the hover links are not pulling through to brizy as they are set in blocksy theme and i was wondering whether you had managed to resolve the H1/H2 issue. 

    0
  • Kc George

    Hi Theodora,

    You are right; in the latest versions, Brizy does not display the link colors set in the theme. I will escalate this matter to our development team. We are sorry; we still do not have a fix for the heading formatting for the blog post Content element. We are working on it

    0
  • Paul R

    I'm having this same issue. Was there ever a fix? Using Blocksy. All plugins fully updated.

    0
  • Kc George

    Hi Paul,

    We still do not have a fix for this. Please use this CSS as a work around. In your WordPress Dashboard under Appearance - Customize, please add this to Additional CSS. The first color is for the normal link color and the second for the link color on hover.   

    p a {
    color: #3581e4 !important; }

    p a:hover {
        color: #fe4800 !important; }
    0
  • Paul R

    Thanks KC. It also doesn't format the H1, H2 or any headings correctly. Is this a known issue as well?

    0
  • Kc George
    • Edited

    Hi Paul,

    The Brizy Content element had heading formatting issues in the past. I tested this feature in the latest Brizy versions. The blog posts headings appear working well again. Please try using these versions.  

    0
  • Paul R

    That latest version fixed it! Thanks KC!

    0
  • Paul R

    I added the CSS (about an hour ago) but it's not working. Does it take longer to come through?

    0
  • Kc George

    Hi Paul,

    The CSS should take effect immediately. Have you added the CSS code in your WordPress Dashboard under Appearance - Customize - Additional CSS? 

    If you use a caching system, purge all cache and check again. 

    0
  • Paul R

    Yes, I did purge the entire cache. Multiple times even. Still nothing. 

    I used the CSS you suggested earlier:

    p a {
    color: #3581e4 !important; }

    p a:hover {
        color: #fe4800 !important; }
    0
  • Paul R

    Okay, here's an update. The CSS works on the homepage but not on posts. I'd love it to be the exact opposite! I need it to work on posts but not pages (since I can format those easily). Any idea why that is?

    0
  • Kc George

    Hi Paul,

    You might need a slightly different CSS code for your website. I can try to resolve the CSS issue for you if you provide me access to your WordPress Dashboard.

    Please add me as a user to your WordPress Dashboard if you need assistance with this. My email: kc.george@brizy.io. As shown in this screenshot: https://jmp.sh/sOSGGR3, please turn on the option "Send the new user an email about their account"

    Please let me know here when you send me an invitation.

     

    0
  • Kc George
    • Edited

    Hi Paul,

    Sorry for not getting back earlier. Please follow up here if you do not hear from us. 

    The link color seems to be working well in preview for blog posts. Earlier the contrast was poor. I have now increased the contrast by making links bold. You can remove the bold if you don't like it in the Additional CSS.

    As an example, please have a look at this post. https://www.redeemerlongmont.com/jonah-the-offense-of-mercy/  The 'Join Us' is a link which is highlighted in blue

    I needed to purge Litespeed cache before the changes took effect. 

    0
  • Paul R

    Thanks George. That link looks good. Two things though:

    1. The list of links at the bottom of that page are still black—not colored. Is there a way to get this to be colored as well?

    2. As mentioned above, is there a way to apply this CSS only to the blog posts. It's messing up other pages of the website where words are on a blue background.

    0
  • Kc George
    • Edited

    Hi Paul,

    Please try these two changes and see if it makes a difference.

    • Replace the code in the Additional CSS with this.
    /*Add link color and hover color to normal texts*/
    p a {
    color: #3581e4; }

    p a:hover {
        color: #fe4800; }

    /*Add link color to bold texts*/
    .brz .brz-rich-text strong a {
        color: #3581e4; } 
    .brz .brz-rich-text strong a:hover {
      color: #fe4800; } 

     

    • In the pages where you would like the link color to be white, add this CSS to the Text element. Click on the Text  - Gear icon - Styling - Advanced tab- under the Custom CSS, add the following code
    /*Add link color to regular texts */
    p a {
    color: #FFFFFF !important;
    }

     

    • Purge Litespeed cache before checking the page preview.
    0
  • Georg Lagner

    I have a similar problem: BOLD Text in an post is not Bold on the dynamic post template designed with brizy.

    Exmaple:

    Result in Brizy: Formatting is completely gone.

    0
  • Kc George

    Hello Georg,

    The bold italics and underline formatting added to the Gutenberg editor should be ideally retained in your blog post when adding a Brizy blog post template. Kindly have a look at a sample blog post at https://brizy.online/adipiscing-elit-duis-tristique-sollicitudin/ You can see different formatting in the blog post.

    Are you using the Brizy "Content" element to display the blog post content when creating the Brizy blog post template?

    0
  • Georg Lagner
    • Edited

    no im using  this one

    I designed a layout for post overview. 

    0
  • Kc George

    Hello Georg,

    Are you referring to the blog post excerpt that gets displayed with the Posts element?

    By default, Post excerpts in WordPress do not display text formatting; they are designed to show a plain text summary of the post, without bold, italics, or other formatting applied. The excerpt would not display formatting in Brizy as well. The blog posts should display the formatting that you set in the Gutenberg editor.    

     

    0
  • Georg Lagner

    yes im referring to the Post excerpts. Is there a way to show the formatting? There is important wording the client would like to draw the attention to. 

    0
  • Kc George

    Hello Georg,

    Unfortunately there is no option to display formatting in post excerpts.  

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

Ask a Question