Hi Mike, thank you for getting back to me and for your CSS suggestion. I’ve implemented it now to take care of the issue, although it did create a few issue in areas where I’d actually used line breaks as part of my formatting, but I managed to write exclusions for all those instances.

It still boggles my mind as to why these line breaks are being added in our custom templates. If you or anyone else thinks of a reason this could be happening, please do let me know, as it would be better to still have unrestricted use of the line break tag.

And no, i’m definitely not using the default editor or the shortcode wand… I’m fully in the Advanced Layout Builder mode always. Unless Enfold’s template structure is reading it as such when we duplicate the template-builder template for some reason. But I’m definitely working in template builder mode directly.

For those interested, here is my CSS code that includes the various exclusions I needed for certain elements:

/* French Website - Remove Line Breaks */

#top.page-template-template-french .entry-content-wrapper br {
	display: none !important;
}
/* Override line-break removal for certain elements */
#top.page-template-template-french .av-image-caption-overlay br, #top.page-template-template-french .av-tab-section-tab-title-container br, #top.page-template-template-french .avia_textblock br {
	display: inline-block !important;
}

Thank you again for all your assistance with this, and if you do think of anything else I could try, Please do let me know.

Thank you.

Brendon

Hi guys, I’ve run into a small, but frustrating issue with my above outlined solution, in that on the pages that use my French Template (see above for how I created it), some of the Avia Layout Builder elements are adding an additional line break below them in the output HTML source code, which is of course causing my page layout to be incorrect and different from my English site. In the screenshot below you can see the first column is the way it should be, and the second column is what it looks like with the added line break:

Here is how the output source code differs between the two columns in the screenshot above:

Left Column:

<span class='hr-inner-style'></span></span></div><section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='avia_textblock text-justify ' itemprop="text" ><p>Ces deux îles sont étonnamment...

Right Column (note the line break tag before the section tag):

<span class='hr-inner-style'></span></span></div><br />
<section class="av_textblock_section "  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='avia_textblock text-justify '   itemprop="text" ><p>Les îles vierges...

I’ve manged to narrow down the issue to the line spaces in the Layout Builder’s short code editor field. If I remove all the line breaks between the line space shortcode and the preceding image shortcode, and do the same for the text box shortcode that follows, then the additional line break is not added to the frontend page.

So this:

...Antigua & Barbuda</a>
[/av_image]

[av_hr class='invisible' height='5' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jl0ywt24' custom_class='' admin_preview_bg='']

[av_textblock size='' font_color='' color='' id='' custom_class='text-justify' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-vd96' admin_preview_bg='']
These 2 islands offer an amazing contrast despite being a short sail apart. Antigua boasts rich history and culture whilst Barbuda is the picture perfect desert island. This trip covers 5 outstanding kite spots on both islands and offers outstanding flat water conditions. <a href="https://caribbeankitecruise.com/antigua-barbuda/">Explore Antigua & Barbuda</a>.
[/av_textblock]

Becomes this:

Antigua & Barbuda</a>
[/av_image][av_hr class='invisible' height='5' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-jl0ywt24' custom_class='' admin_preview_bg=''][av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-vd96' custom_class='text-justify' admin_preview_bg='']
Ces deux îles sont étonnamment différentes bien que très proches l'une de l'autre. Antigua arbore une histoire et une culture très riche, tandis que Barbuda est à l'image de la parfaite île déserte. Au cours de cette croisière vous aurez l'opportunité de découvrir cinq superbes spots de kitesurf et de naviguer sur un plan d’eau plat translucide. Découvrez Antigua & Barbuda.
[/av_textblock]

However the normal default template doesn’t parse line breaks in the shortcode as line breaks in the output HTML, so why is my French template doing this, do you think? Have I used the wrong enfold template to base my French template on? I used template-builder.php and made no other changes other than calling a different header and footer file. And I’ve tested removing those modified calls (so an identical copy of template-builder.php), and it doesn’t fix this issue.

Or is there something else that could be causing this issue that I am missing?

Any help with this would be greatly appreciated, because if I can’t solve this issue, I would have to go back and edit 40 French pages to remove the line breaks from the shortcode editor – and not all template builder elements are affected like this, so I’d first have keep figuring out which line breaks to remove.

Thank you.

Brendon

My pleasure Rikard. And yes, I hope this can save someone a lot of time and effort looking for a menu replacement solution, or having to resort to a heavy Multi-lingual plugin that may contain lots of features that they don’t actually need.

Hi Pixelbits,

Just to add to what Basilis said above, I wanted to point out that there is nothing wrong with the theme, and the way the theme currently works is the right way and doesn’t need fixing so to speak. There’s nothing broken there. The reason for this is because PHP and WordPress can’t query the fragment or anchor (# part of the URL) because the anchor is changed on the client side, not the server side. So you’ll need some fancy Javascript trickery to query the # part of the URL, or you need to find another way to predict what the anchor will be on the server side, which is the method I am interested in exploring. In particular, I want to use the title or slug of my tabs (because I know what these are, and should be able to query them with a custom function) to modify the share URL via the social share filter.

However I haven’t had a chance to work on this yet, but if I do develop a solution, I will definitely post how I did it here.

Also keep in mind that under normal circumstances, you actually wouldn’t want the theme’s social media sharing feature to include the anchor of a URL, as you’d prefer the clean page URL to be shared and promoted. So this is a very specific use case that we’re looking at adding.

Brendon

Hi Jordan,

Thanks for getting back to me.

I don’t understand though how the captions aren’t visible on your end. The screenshot I took above was taken just before I posted my question above, and I haven’t made any changes since. I still see the captions on both mobile and desktop, and I’ve had other people test the site as well, and they also see the captions.

Just so we’re on the same page here, the captions I’m referring to are the black caption bubbles that pop up above the thumbnails when you hover your mouse over a thumbnail on a desktop or laptop, or when you click on a thumbnail on a mobile phone (see screenshot).

Also, I know how to hide them on mobile only using media queries, but for now I want to see it working successfully across all devices before I move the code to the appropriate media queries only.

So the big question is, why can’t you see the captions on your end, when I still see them on my end? I’ve disabled the cache plugin, checked that my browser is pulling the updated style sheet, tested it in Chrome, Opera and on my Android phone, and clicked CTRL F5 for good measure.

Here’s what I see on my desktop screen when I hover over the thumbnails. The black caption box should not be showing….

Thank you.

Hi there, can anyone help me with this? I see all posts before and after mine have been answered except mine.

Thank you.

Hi Ishmael,

If you are referring to me, my hosting guys reverted my site back to an older version shortly after I submitted my post, to see if that would fix the problem. Unfortunately it didn’t. I can assure you though, at the time I wrote the above post, my site was running the latest version of WP, the latest version of the Theme and all my plugins were up to date. Still the problem persisted, so it isn’t a version issue.

Thanks.

Brendon

Hi Ismael,

Thank you for your reply.

Unfortunately this is still the exact same solution as Andy’s. Hiding the elements via CSS doesn’t address the issue we are having. The entire course system (custom posts) is still being treated like part of the blog, which is not correct. Another issue I didn’t mention is that throughout our courses system, the heading sections has the name of our blog in it: “The Real Estate Agent Blog”. This makes no sense and should rather say something like the title of our courses page or contain the current page title.

I don’t want to just hide these elements via CSS, because it means they still have to be loaded, which adds unnecessary overhead to our entire courses platform. The shouldn’t be there at all if you know what I mean. As per my original question, how do I stop these custom post types from being treated like blog posts? Or how do I edit the custom posts template to not include all these elements we don’t need?

I hope this makes more sense now.

Thank you.

Brendon

Ha, we must have both realized that at the same time… LOL

Thanks bud.