Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Blog Layout Broken

Featured Lock Resolved Bug
I was creating a new site using the Salon template. I installed the quick start and imported the contents. I tried to create the blog layout by modifying the category but it shows a broken layout.

Please advice how can i fix the issue.

Intent: http://demo.joomshaper.com/2018/salon/index.php/blog
Staging site: https://nasirkhn.info/nasirkhn/articles

8 Answers

Toufiq - Staff

3 weeks ago #Permalink
Hi there,

Thanks for your reply. Please follow the instructions.

Go to the file location
templates/shaper_salon/html/com_content/article/default.php
Find out the code

<div itemprop="articleBody">

And replce with this code

<div class="mid-content" itemprop="articleBody">


https://prnt.sc/pm49b8

Add this css code inside the custom.css file.

.mid-content {
width: 1140px;
margin: 0 auto;
}


-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Sorry for the inconvenience. Please remove the div, span, em HTML tag from your all item content area.

-Thanks
Thanks for the solution. I did not notice this additional HTML code, as it was showing perfectly in the previous template.

Now i fount an another issue on the details page. There is margin/padding around the content of the details page, you can check the following page to get an idea about the issue.

Issue: https://nasirkhn.info/nasirkhn/articles/2018-11-29-06-24-49

Here i am creating default Joomla articles with no additional styling.
thanks for the fix. I tried it earlier, but i was concerned if it will be replaced on the next theme update. So will it be replaced in the new theme update? or what will happen?

By applying the suggested changes, the texts are showing with margin but the below part of like tags and author profile is still the same as previous. how can i fix that?

Toufiq - Staff

3 weeks ago #Permalink
Hi there,

Thanks for your reply. We will fix it next update.

-Thanks

By applying the suggested changes, the texts are showing with margin but the below part of like tags and author profile is still the same as previous. how can i fix that?


what to do with this?

Toufiq - Staff

3 weeks ago #Permalink
Hi there,

Thanks for your reply. Please add this CSS code inside the custom.css file.


.view-article .article-details .article-author-information {
width: 1140px;
margin: 0 auto;
}
ul.tags.list-inline {
width: 1140px;
margin: 0 auto;
}


-Thanks


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Sifat

Sifat

Total Accepted Answers: 61
Toufiq

Toufiq

Total Accepted Answers: 47
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 14
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 12

118

Templates

303041

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us