Hey there The Turtle,
How are you doing today?
You should be able to center that text with some custom CSS. Please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css
.section_features .feature_text {
text-align: center;
}
This should be the result http://screencast.com/t/UzR9Y6PkZ. If the code doesn’t work please keep it added and let me know so I can take a look.
Hope this helps 🙂
Cheers,
Bojan
Hi Bojan,
Thanks so much for your reply!
I added the CSS code to the custom CSS tab, but it doesn’t seem to have done anything.
Thoughts?
Best,
Joe
Sorry! I just realized that it actually centered the text, which is fantastic!
I am also hoping to move all of the emblems to the center of the page as well. If you look closely, you can tell that all six features are left of center. I would love for them to be centered directly beneath the title.
Does that make sense?
Best,
Joe
Hey Joe,
I’ve checked your site and again and I can see what you mean, both images and text are not centered within the holder they are placed in. Can you please try adding the following:
#section_features_1 .feature_image {
width: 230px;
margin-left: auto;
margin-right: auto;
}
.section_features .feature_text {
width: 230px;
margin-left: auto;
margin-right: auto;
float: none;
}
.section_features img {
float: none;
margin: 0;
width: 200px;
margin-left: auto;
margin-right: auto;
display: block;
}
This should be the result http://screencast.com/t/rmyU0dTIMQ.
Hope this helps 🙂
Cheers,
Bojan
Bojan, this was super generous and helpful of you! Thanks so much.
I do have one additional question. Do you have an idea of how I would add some padding to the email opt-in in the banner? TurboPodcast
Right now, the opt-in box sort of covers the last bullet point, and I’d love for it to be spaced out (maybe 15 pixels of space) between the last bullet and the email box.
Best,
Joe
Hey Joe,
Glad the above code worked 🙂
As for your email box if this is what you’re referring to http://screencast.com/t/54SSA9Ig then you should be able to move this slightly down with the following CSS:
#banner .mini_newsletter_banner {
margin: -15px 0 0 0;
}
The original top margin is -27px by reducing that value to -15px you should move it slightly down.
Hope this helps 🙂
Cheers,
Bojan
You are incredible! That’s been driving me nuts for several weeks, and you figured it out so quickly. Thank you!!!
Best,
Joe
