Editing Article Header (Title Are) After Clicking Read More - Forum | JoomShaper
Solved SP Page Builder

Editing Article Header (Title Are) After Clicking Read More

Asked by Scott 9 months ago Last activity 6 months ago

Hello!
I set up a news page on my site featuring articles from my Joomla articles. The articles appear fine on the SP Page Builder - see here: https://abc-ohio.org/index.php/engage/news

However, when I click Read More or the article title, I end up with an article title and extra space that covers part of my article content - see here: https://abc-ohio.org/index.php/component/content/article/celebrating-the-200th-anniversary-of-the-beginning-of-abc-ohio?catid=11&Itemid=101

I have tried to find a place to edit that portion of the SP Page Builder template styles but I have been unable to figure out how to fix this problem. I imagine it is something very simple.

This site will feature a lot of content pulled from my Joomla articles, so this is an issue I will need to get resolved.

I truly appreciate your help!

Accepted answer

Marked as the solution
Atick Eashrak Shuvo Staff
8 months ago

Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS

.view-article .article-details:before {
    display: none;
}

7 more replies

Oldest first Newest first Most helpful
Atick Eashrak Shuvo Staff
9 months ago

Hello There,

Thank you for reaching out, and we apologize for the inconvenience.
To better understand the issue, could you please share a screenshot indicating which incorrect layout you are referring to? Having a visual reference will help us identify the problem more accurately and provide the correct solution.

We appreciate your cooperation and look forward to your update.

Scott Asked this
9 months ago

https://drive.google.com/file/d/1vixam3MP5M2I6UTbxXhqMd4olJOOhSnP/view?usp=sharing

The circled area covers the content in the article. This is after clicking through the article SP Page Builder page either on the title or Read More. The page this is drawn from is:

https://abc-ohio.org/index.php/component/content/article/celebrating-the-200th-anniversary-of-the-beginning-of-abc-ohio?catid=11&Itemid=101

I do not know where to edit this page. On the main article page, I was able to properly edit the menu / category title area... I just can't seem to find the place to do that after clicking through the article title / Read More. The page the click through happens is here:

https://abc-ohio.org/index.php/engage/news

Atick Eashrak Shuvo Staff
6 months ago

Please share a screenshot of the issue

Atick Eashrak Shuvo Staff
6 months ago

Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS

@media (max-width: 1160px) {
    .article-details {
        padding: 0 30px;
    }
}

After applying the change, please make sure to clear both your Joomla cache and your browser cache to see the updated result.

Scott Asked this
6 months ago

AWESOME! Beautiful!

Atick Eashrak Shuvo Staff
6 months ago

Thank you

Log in to reply.