Lifestyle Pro unwanted centered text

[ddknight]

Hello all,

I'm working on a site that has centered text, which I would like to remove. I may have edited a year ago but cannot figure out what I did. I've used firebug to try to figure it out but I'm stuck, so I thought I'd ask here. Thanks 🙂

http://www.buddhismgifts.com/

[Tonya]

Hi,

When using Firebug, right click on the text that you don't want centered and select "Inspect Element". Then scroll down the CSS list until you find text-align: center. Change center to left. Then go into your stylesheet and make that change. Repeat for all the areas that you do not want centered.

For example, the featured post paragraphs are centered on line 83:

.featured-content .entry {
margin-bottom: 32px;
margin-bottom: 3.2rem;
text-align: center; /* change this to left instead of centered if you do not want it centered */
}

The entry titles are centered on line 127:

.entry-header {
border-bottom: 1px solid #eeeee8;
margin-bottom: 32px;
margin-bottom: 1px;
text-align: center; /* change this to left instead of centered if you do not want it centered */
}

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[ddknight]

Thanks Tonya,

Entry header is fine, it's the text in the widgets next to the thumbnails and the text in the actual posts that are centered. I will see if I can get it figured out, thanks 🙂

[ddknight]

I can't seem to figure out why the text is centered 🙁 thanks, I'll look for help elsewhere.

[ddknight]

Could anyone possibly help me figure out why this is happening? thank you very much!

[Tonya]

Sorry I've been swamped.

The following changes will affect both the home page and the individual posts:

1. Line 127 - which makes the post's header left justified and not centered

.entry-header {
     border-bottom: 1px solid #eeeee8;
     margin-bottom: 32px;
     margin-bottom: 1px;
     text-align: left; /* was center; */
}

2. Then add the following lines on line 128:

.entry-content p {
     text-align: left;
}

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[ddknight]

Thank you Tonya,

I think I made the correct edits but dont see a difference after refreshing lol. I edit the child theme and see no line numbers so I searched for your code.

[Tonya]

A few things:

1. When using the builtin WordPress editor, there are no line numbers.

2. You need to also change the version of your child theme in order for the new changes to appear. Within your functions.php, change CHILD_THEME_VERSION as follows:

define( 'CHILD_THEME_VERSION', '1.0.4' );

Your version will be different than this one. But essentially you want to increment the last digit up one, e.g. using my example would be 1.0.5.

3. Looks like you are using a cached version on your website. You need to refresh your cache by clearing it.

BTW: I want to bring to your attention too that you don't have to modify your child theme directly. You could be using my Customize plugin, which allows you to do these things without ever touching your child theme.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Author]

Posts