Hi there!

Thanks for your query.

The following code in your custom CSS may help to achieve this:

.article-details .article-details-top-wraper {
    flex-direction: column;
}
.article-details .article-details-top-wraper .article-header {
    margin: 0 auto;
}

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

Thank you for the code, but I am still having problems with the margins and position of the title. Please see attached phot to see what the blog needs to look like to make it work correctly. Thank You

Hi,

Kindly give me your site URL here.

Actually the template is designed to show the blog details with this style and view. This is not an error, jut style. If you want different style then custom CSS is needed. Most of the cases we do not provide customization support.

However, please give me your site URL to check and I will see if some simple changes is needed then I will try to provide you definitely.

Best Regards

Thank you for your fast response. I know this is a design choice not an error, but when the text overlaps with the blog photo and makes it difficult to read. Also, when using long titles, there isn't enough room to flow across the page and tkae up alot of pace on thye page. The last issue is that the text of the blog content is almost all the way to the edges of the page and it can be a problem. Please see sample below. Thanks!