Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
BitBloggist

Left-align blog titles and meta data for mobile only - Rally template?

Question

Hello!

I've been bouncing around the past few weeks trying to find the right template, and I've chosen the Rally template for its advanced customization. Everything looks near perfect on my site, but I don't love how the titles on my blog posts are centered, and cut off halfway through a word on mobile. I'd like to either left-align the titles with meta data, so that there's a bit more space, OR, if there's a padding solution for just blog titles, that might work too!

My site is https://bitbloggist.com and I've attached mobile preview screenshot to give you an idea of what I'd like to fix.

Thanks for your help!

screenshot-2019-08-01-074129.png.33445f4f8ae1313b01648706aa965fc8.png

Edited by BitBloggist
Initial Revision

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

@BitBloggist Add to Home > Design > Custom CSS


@media screen and (max-width:640px) {
/* Blog Post Title */
.view-item.collection-type-blog h1.BlogItem-title {
   text-align: left;
   font-size: 15px;
}
/* Post Meta */
.view-item.collection-type-blog .Blog-meta.BlogItem-meta {
   justify-content: left;
}
}



You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...