Some Problems With The Blog Page
senolsengul
hello,
I set up a new site and encountered some problems on the blog page.
1: When the reading time is activated, it looks very integrated with the date. https://prnt.sc/eRwg64dPQhj6
2: When the social media buttons are activated, they appear in a very absurd place. It would be more appropriate to appear at the bottom of the article. https://prnt.sc/GfK52IavzoHc
3: Subheadings appear too large on mobile https://prnt.sc/tU-CDmnZOSTQ
Asfakur Rahman Saikat
Accepted AnswerHi Senolsengul,
Thank you for reaching out, and sorry for the inconvenience.
Unfortunately, none of the screenshots you provided are loading. To share screenshots, you may use a platform like https://prnt.sc/
Here’s the proposed solution to your issues:
-
Custom CSS Addition: For the issue you described, I have added custom CSS by creating a new CSS file at
/templates/maxora/css/custom.css. Please check the file to verify the changes..article-list .article-info .published::after { content: '|'; margin-left: 3px; margin-right: 3px; } -
Social Media Buttons Position: The social media buttons appear at the bottom of the page-> While it is possible to reposition them by overriding the default single article view, it is not recommended. This is because updates to the template could overwrite the changes. However, if the layout is causing significant problems for you, we can proceed with creating an override.
-
Third-party Component CSS Conflict: It seems the style override is coming from a third-party component's CSS. To provide a precise solution, please share accurate screenshots of the issue so I can help you resolve it effectively.
Best regards.
Asfakur Rahman Saikat
Accepted AnswerRegarding your second issue, I have created a custom layout for the single blog page. In this layout, the social share buttons are positioned at the bottom. Please download, unzip and replace the file located at:
templates/maxora/html/com_content/article/default.php
However, please note that this change will be overwritten when the template is updated.
Best regards.
senolsengul
Accepted Answerhello,
First of all, thank you for your help. I have updated the image links, you can check them.
The problems in item 1 and 2 have been solved, thank you. Is there another way to keep the social media icons intact when updating the template? This won't be nice
Lastly, subheadings appear very large on mobile devices.
senolsengul
Accepted AnswerIt would be better if the information was at the top of the article like in this picture. Helix Ultimate looks like this, very good
Asfakur Rahman Saikat
Accepted AnswerYou’re welcome. As mentioned earlier, this is a customization. I’ve already explained the procedure and even implemented one for you.
Secondly, your site isn’t loading. May be, the subheading (H2) is getting CSS styles from another component. I tried accessing the site using a VPN, but it still didn’t work. Applying some additional custom CSS might resolve your heading issue.
Best regards