1. Frederic Piton
  2. Lightbox
  3. Tuesday, 14 July 2020
Hi dear,

I lost the margin in th Lightbox template for the pages that call an article.

The <div> of the article place is empty and when I see the template live on your website, this div contains a itemprop="articleBody" declaration.

Please see for exemple :

Single article on my website
https://conviviasprl.com/coaching-non-professionnel-le-passion-test-personnel

Single article on your live template
http://demo.joomshaper.com/2017/lightbox/index.php/joomla/content-component/single-article

I don't change anything on the website since many month. Just do the update. I think it must comes from that ?

Can you please help ?

Thanks and best regards,

Frederic
Responses (6)
Accepted Answer Pending Moderation
Hi,
Clear your Joomla and Browser cache after every update and then check
-Best regards
Mehtaz
  1. more than a month ago
  2. Lightbox
  3. # 1
Accepted Answer Pending Moderation
Hi Mehtaz,

That's allready what I do, I try it again, and it dosn't change anything...

I do the very last Helix update -> any changes at all.

Regards,

frederic
  1. more than a month ago
  2. Lightbox
  3. # 2
Accepted Answer Pending Moderation
Try this custom css

.view-article article.item{
padding:35px;
}


Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks
  1. more than a month ago
  2. Lightbox
  3. # 3
Accepted Answer Pending Moderation
Hi Mehtaz,

It could be a good idea, but it gives au Margin all arround the hole bloc --> So the picture has now a margin too.

I'm sure there's a problem with the Div opening the Article text with itemprop="articleBody" in the
<div itemprop="articleBody">

Why is that information desepear by my side : that the question. If it's possible to makes it come back, my problem is solved, cause the CSS allready exists for 'itemprop="articleBody"

div[itemprop="articleBody"] {
margin: 50px 0px 0px 0px;
padding: 0px 180px;
}

But without the [itemprop="articleBody"] in the div, my custom css doesn't work.

That's what I'm looking for : Hwo to get back itemprop="articleBody" in the DIV to get back this code :

<div itemprop="articleBody"> and not only <div> as it is now.

thanks

Fred
  1. more than a month ago
  2. Lightbox
  3. # 4
Accepted Answer Pending Moderation
Did you try your css in custom.css file?
  1. more than a month ago
  2. Lightbox
  3. # 5
Accepted Answer Pending Moderation
Well, the problem should comes from the last update of ''Google Structured Data''. I've contact Tassos, and then I write here futher answer for those who have the same issue.
  1. more than a month ago
  2. Lightbox
  3. # 6


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.