Alignment Of Headlines In Educon News
Fabrizio
Hi, I am using the Educon template. On the 'News' page (https://www.previewcommunity.eu/site/news.html) the headlines are not aligned, I would like to align them to the left. I checked the Educon demo on the Joomshaper website and there too the headlines on the "Notices" page are not aligned. Do you have any suggestions on this? Thanks
Pavel
Accepted AnswerHi. Try this code
.educon-notice {
display: flex !important;
align-items: center;
}
.readmore-wrap {
margin-left: auto;
}
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Fabrizio
Accepted Answerhttps://www.previewcommunity.eu/screenshot2.jpg It seems that the alignment depends on the length of the headlines. Instead, I would like them all to align to the left.
Mehtaz Afsana Borsha
Accepted AnswerUse this custom CSS
.sp-page-title h2{
text-align: left;
}
.sp-page-title h3{
text-align: left;
width:unset !important;
}Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Fabrizio
Accepted AnswerI copied the code into the custom.css but it does not seem to work.
Fabrizio
Accepted AnswerSorry, that doesn't work either. Do you need login credentials to better verify?
Fabrizio
Accepted AnswerAdministrator access in HD. Website link: https://www.previewcommunity.eu/site
Mehtaz Afsana Borsha
Accepted AnswerDon't you want it like this left aligned? It seems working on my end.
Fabrizio
Accepted AnswerThanks Pavel, it works perfectly now!