Text in colums – alignment control

[John Bourke]

Can you tell me where to find the alignment control for text placed within a column please?

I’m using your * Meet the Team* html snippet and the text is centered which I’d like to change.

[Sushil Adhikari]

The CSS that controls that is found in the style.css with this:

.cir-mediabox1,
.cir-mediabox2, 
.cir-mediabox3 {
    margin: 2em 0;
    padding-bottom: 1em;
    text-align: center;
}

You would do some custom CSS of your own to override the classes you see there and do text-align: left;

[John Bourke]

Thanks. Found it and made the change but it doesn’t seem to have taken. I tried both:

.cir-mediabox1,
.cir-mediabox2,
.cir-mediabox3 {
margin: 2em 0;
padding-bottom: 1em;
text-align: left;
}

and just:

.cir-mediabox3 {
margin: 2em 0;
padding-bottom: 1em;
text-align: left;
}

I cleared cache, hit ctrl+F5, and even tried viewing it in another browser. Text remains centered. Ah, the challenges 🙂

[Sushil Adhikari]

hmmm… that really should be working because I just tried it on the live demo site through my browser.
Do you have a link to your page I can take a look?

[John Bourke]

Just sent it by email (don’t want to scary people with the horrible mess I’ve made of your template as I’m still figuring out colours etc.)

Thanks,
John

[Sushil Adhikari]

Got your link…thanks. First thing…your page content part needs to have the

container removed. You just need this only for wrapping around your media boxes that you have there.

Next, I know why your alignment is not working. Open your child theme style.css and add a closing curly bracket to this:

#cir-site-tagline {
	font:normal 1em "Segoe UI", sans-serif, "Open Sans";
	margin: 0.06em 0.18em 0;
	color: #378b92;

By the way, whenever you need to change a style, only copy over the part you are changing. So for the text alignment, do this only:

.cir-mediabox1 {
   text-align: left;
}

You will also want to do this, so your image floats left:

.cir-mediabox1 img {
margin: 0;
}

[John Bourke]

My gosh – mea cupla. I think I need sleep …elementary error. Thanks for finding it and for proactively helping me on what would have been my next task. Excellent theme and great support !

[Aki Christina]

Just sent it by email (don’t want to scary people with the horrible mess I’ve made of your template as I’m still figuring out colours etc.)

This is off topic, but need to say: I do understand you so so soo well :))

Thank you for your help, Andre, had same topic and it worked fine.

[Sushil Adhikari]

@Aki No worries, and you’re very welcome, as well to you too @john 🙂

[Author]

Posts