Using Standard Articles (non-SP) Looks Dreadful - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Using Standard Articles (non-SP) Looks Dreadful

CE

Chris Elliott

Helix Framework 3 years ago

I have installed a couple of Joomshaper Quickstarts recently (new releases) and decided to create standard, non SP-Integrated articles for some pages. But when I do, I see that the resulting page looks shocking. See URL in Hidden Content.

The {article-detials-title-wrap} title is not aligned correctly, the {articleBody} page has no padding at all an appears to use no stylesheet at all.

I am having to do this because my client does not want to have to learn SPPBPro and is very familiar with editing generic articles from his previous Joomla site. I have created other pages in SP but while they look fine, when I showed my client the back end, he was concerned about the learning curve he'd need to put in.

What do I do to make basic articles appear anywhere near appealing?

Chris

0
2 Answers
Order by
Oldest Newest Votes
CE
Chris Elliott
Accepted Answer
3 years ago #74135

Further investigation..

I note that the {article-detials-title-wrap} is spelled incorrectly!

<div class="article-detials-title-wrap">

Should this be {article-details-title-wrap} ? If I use developer mode, and edit that class to the corrected word 'details', the title is left aligned.

Also, as by default the Category is showing, if I click the category, the page loads and looks a lot better (nowhere as tidy as it could, but its a bit better)

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #74217

Hello Chris Elliott

Please do not correct the spelling. Unfortunately, the wrong spelling has been used to write CSS. So, if you change it, the CSS is not loading. Please use this CSS to Template Options -> Custom Code -> Custom CSS

@media (min-width: 576px){
    .view-article #sp-main-body .container{
        max-width: 540px;
    }
}
@media (min-width: 768px){
    .view-article #sp-main-body .container{
        max-width: 720px;
    }
}
@media (min-width: 992px){
    .view-article #sp-main-body .container{
        max-width: 960px;
    }
}
@media (min-width: 1200px){
    .view-article #sp-main-body .container{
        max-width: 1140px;
    }
}
@media (min-width: 1400px){
    .view-article #sp-main-body .container{
        max-width: 1320px;
    }
}

This should fix the view for Joomla Article.

Best regards

0