Align Left Titles – Lifestyle Pro Theme

[ayuboco]

Hi everyone!

I'm currently using a Lifestyle Pro theme, and I'm trying to align the Titles for the Pages and the Blog Posts to the left. I found a thread here but it didn't say where exactly should the "text-align: left" code should be placed.

I'm rather a beginner when it comes to coding, and it would be great if you can guide me through this.

Thanks!

[Brad Dalton]

Link to your site please.

Are you referring to the entry titles on single posts?

---

Tutorials for StudioPress Themes.

[Tom]

Hi @ayuboco,

There are a number of possibilities for you here; can you be more specific about what you want to achieve?

Please also provide a link to your site so we can refer exactly to your stylesheet in case other changes have also been made.

To "align the Titles for the Pages and the Blog Posts" (only), you would add this CSS code to the child theme stylesheet in the "Entries" section, after line 1280 of the default Lifestyle theme stylesheet.

.page .entry-title, 
.single .entry-title  {
  text-align: left;
}

However, this leaves the home page and archive post titles center-aligned and also does not change the alignment of the Post Info entry-meta content ("date / author / comments"). So some entry-header bits will be left-aligned, some center-aligned. and the post excerpts will remain center-aligned.

If you want all of these elements to be left-aligned, instead change this CSS, as indicated, at line 1230 of the default Lifestyle theme stylesheet.

.entry-header {
  border-bottom: 1px solid #eeeee8;
  margin-bottom: 32px;
  text-align: center;      /* <------ change this to "left" */
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts