Okay
  Public Ticket #3396251
Blog posts Link style not working with Bakery builder. Its displaying code instead of the post
Closed

Comments

  •  16
    Jen started the conversation

    I have set up this page with blog posts each with a redirect to the offsite media article link. BUT they are ONLY redirecting in Firefox and not in any other browser. Redirects are coming from Yoast Premium.

    They ARE working really well as redirects in Firefox But are NOT redirecting in any other browser type.

    Any ideas


  •  3,001
    Andrew replied

    Hello again,

    Thank you for reaching out to us.

    Could you please share a few pages URLs that you've redirected so we can test this out from our end?

    We look forward to your response.

    Kind regards,

  •  16
    Jen replied

    https://macdochfoundation.org/media-and-resources/


    The first 2 articles redirect to pdfs.. the rest to external pages.


    But on Chrome etc they simply open the blog post


  •  16
    Jen replied

    I also attempted using the Link option but this is broken as you can see. Its showing visual editor code instead of the post with link

  •  8,943
    Tahir replied

    Hey Again,

    I am afraid there is no such option to link Blog Posts to external links in the manner you wish to do so.

    Thanks 


    ThemeNectar Support Team 

  •  16
    Jen replied

    What is the blog link option then. and why is it showing code

  •  8,943
    Tahir replied

    The Link Option is to only show the Link Text which is why you are seeing the Page Builder Shortcode in there.

    Thanks 


    ThemeNectar Support Team 

  •  16
    Jen replied

    Right so I have done a couple of tests and can see how thats working

    But I would ideally love to reset the styling of these so that

    - I don't have to have the green overlay

    - I can link and open a new tab instead of same window

    - shw an excerpt as well as a title. 

    Can you help mw with this CSS

  •  16
    Jen replied

    this style may work better. If there is a way to get rid of the green overlay and make the images not stretch in the background

    https://macdochfoundation.org/media-links-only-posts-style-tests/


  •  8,943
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .masonry .post.link .n-post-bg {
        background-size: cover;
        background-repeat: no-repeat;
        opacity: 1 !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  3,001
    Andrew replied

    Hello again,

    Thank you for getting back to us.

    Try adding this CSS and let us know how it goes.

    .post-area.masonry .post.link .n-post-bg {
        opacity: 1 !important;
        background-size: cover;
        background-repeat: no-repeat;
    }
    

    Thanks,