Delacroy Blog is All Messed Up ;(
itsyogakids
Hello there,
I installed a clean Quickstart J4 of Delacroy for the itsyogakids.com site -
The original site is live above this installation with J3 with JoomShaper template kidzy, The new site being developed underneath [see private information below for the link] is using Delacroy v1.01 template...
I transferred all of the Blog Articles from the J3 to the J4 site (that was not fun lol) and I checked with a demo installation of the Quickstart that the Blog options were exactly as on the demo site and yet, my layout is all messed up ;(
The title, and date are at the bottom of each Blog Article and not at the top [and it looks bad ;( lol]
You can see this 'wonderful' result here: [see link in Hidden Content area]
Can you please take a look and fix it as soon as possible? [access in the Hidden Content area].
I have already spent hours trying to find a solution ;(
Thanks, Sincerely,
E.
Toufiq
Accepted AnswerHi there,
I appreciate you reaching out. I sincerely apologize for this oversight. Please check & let me know.
-Thanks
itsyogakids
Accepted AnswerHello Toufiq,
I'm confused... How is this fixed ?!
The Title and date is STILL below the article itself... it looks nothing like:
https://demo2.joomshaper.com/2022/delacroy/index.php/blog
[ I would like either what this shows Date, then Title but ideally like what this shows Date, then Title and the body of the blog article below that ]...
Also the blog above is horizontally centered which is not the case for the site I am building at the link in the Hidden Content section... [I didn't change anything that I know of to make that not the case]...
Please fix as soon as you can.
The site is almost done and I would really like to not have be delayed by that...
Thank you - Sincerely,
E.
Toufiq
Accepted AnswerYou should follow this guideline.
itsyogakids
Accepted AnswerHi Toufiq,
Thanks for the guide but you only 1/2 answered my question.
This will get it to look like the blog in your demo website example but WHAT do I do if I want to have the DAte and Title ABOVE the Article content and keep the article content visible?
Also, WHY doesn't it JUST work - i.e. I have about 135 blog articles which I moved over from the Joomla 3.x site on template Kidzy and it worked perfectly there... so now I have to go through 135 blog article and manually fix them all !?
Sincerly,
E.
Toufiq
Accepted AnswerAdded this css code. Please check now.
.view-category .blog .article-list .article .article-body {
display: flex;
flex-direction: column;
}
.view-category .blog .article-list .article .article-intro-image {
position: relative;
}
.article-info {
display: flex;
order: -2;
}
.view-category .blog .article-list .article .article-intro-image:after {
position: absolute;
content: " ";
background: linear-gradient(360deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
width: 100%;
height: 300px;
left: 0;
bottom: 0;
}