Solved Templates

Alignment of headlines in Educon news

Asked by Fabrizio 3 years ago Last activity 3 years ago

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

Accepted answer

Marked as the solution
Pavel
3 years ago

Hi. Try this code

.educon-notice {
    display: flex !important;
    align-items: center;
}
.readmore-wrap {
    margin-left: auto;
}

8 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

Fabrizio Asked this
3 years ago

https://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 Staff
3 years ago

Use 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 Asked this
3 years ago

I copied the code into the custom.css but it does not seem to work.

Mehtaz Afsana Borsha Staff
3 years ago

Use this one

.sp-page-title h2{
      text-align: left !important;
}
.sp-page-title h3{
   text-align: left;
  width:unset !important;
}
Fabrizio Asked this
3 years ago

Sorry, that doesn't work either. Do you need login credentials to better verify?

Mehtaz Afsana Borsha Staff
3 years ago

Yes please.

Fabrizio Asked this
3 years ago

Thanks Pavel, it works perfectly now!

Mehtaz Afsana Borsha Staff
3 years ago

Glad to know that. You can now close this post by accepting the answer.

Log in to reply.