Centering text in Newsletter sign up bar

[Dale Eby]

Can you tell me please if there is a way to center the text in the newsletter bar. For example if I am just using the words “sign up” it justifies it hard left.

I was hoping to be able to move it over a bit more to the right in the space provided.

Thank you again for the amazing support you provide.

Dale Eby

[Bill Robbins]

Dale,

Great question. You center the description text if you’d like to. Here’s how:

1. Go to the theme options page and choose the styling tab.
2. Scroll down to the very bottom until you see a box labeled “Custom CSS.”
3. In that box, paste this:

   
   p.action-description {
   	text-align: center;
   }
   

That will center the text in the space for it.

If you have any questions or trouble, just let me know,
Bill

[Dale Eby]

Hi Bill,

Thank you for such a prompt reply. I copied and pasted as you instructed in the custom CSS. box and unfortunately nothing happened.

[Bill Robbins]

Dale,

Sorry about that. Any chance you could send over a link to where you’re working with it?

[Dale Eby]

Yes of course.

This is the temporary area where I am working on the site.

http://www.daleeby.com

Thank you again for your help.

[Bill Robbins]

Thanks for the link. I was actually thinking about the newsletter description. Try this for the newsletter title:

h4.action-title {
	margin-left: 50px;
}

You can adjust the 50 to give more or less space on the left. Let me know if you have any trouble.

[Dale Eby]

Hi, I have tried this and I am sorry it does not seem to be adjusting the words “sign up” to the right. i have adjusted the 50 several time down to 0 and increased to 60 to 80.
Neither of the numbers move the words.

Thank you

[Bill Robbins]

Dale,

I took a closer look at your source code and I think I’ve found the problem. In the Custom CSS it looks like there is an open style that’s causing the title to not move:

#nav-right {
	position: absolute;
	float: none;
	display: block;
	padding-top: 0;
	margin-right: 0;
	top: -55px;
	right: 0;

h4.action-title {
	margin-left: 100px;
}

Try using this and see if that doesn’t get things moving:

#nav-right {
	position: absolute;
	float: none;
	display: block;
	padding-top: 0;
	margin-right: 0;
	top: -55px;
	right: 0;
}

h4.action-title {
	margin-left: 100px;
}

Let me know if you have trouble,
Bill

[Dale Eby]

That fixed it. Thank you Bill.

[Author]

Posts