New to the community? Start here

Layout Adjustment

How can I edit the layout of subscription form? E.g. an ugly space between subscribe button and text or no space between email entry field and subscribe button. Thanks for any hint.

Fri, 7 Dec 2012 15:49:42

Timothy
- Chief Pigeon
- 10,604 pts: Hero points 80,650 pts: Rep. points LEVEL 30
Hey there.

You could do it in CSS more than likely.

What is it you’re trying to do?

Could you include some screenshots and some notes, maybe arrows so I can see what you want then perhaps I could suggest some CSS mods.

Thanks.
togur
- New Recruit
- 56 pts: Hero points 5 pts: Rep. points LEVEL 0
I haven't tried anything yet. I am newbie, I have just basic knowledge of CSS.

I need to reduce the space below the subscription button – see screenshot.

(The layout is the same even on Twenty Eleven 1.4.)

Thanks for any advice.
Timothy
- Chief Pigeon
- 10,604 pts: Hero points 80,650 pts: Rep. points LEVEL 30
Hey there.

How about something like this:

.subscribe-by-email p{padding-top: 0 !important;margin-top: -5px; }

Let me know if that sorts your issue.

Take care.
togur
- New Recruit
- 56 pts: Hero points 5 pts: Rep. points LEVEL 0
Hi Timothy,

thanks for code – it works. Unfortunately it causes only small difference in a layout. I searched in subscribe-by-email.php and I think I know where the problem is.

Line 207 define br/ and 208 paragraph. I think the break is unnecessary und makes it difficult adjusting by CSS.

Above that in code are more definitions which owerwrites the theme layout – e.g. line 166 – button centering (as You can see on screenshot above).

I would like achieve the layout as on picture below, but I am affraid it is not possible without changing subscribe-by-email.php

:-o
Timothy
- Chief Pigeon
- 10,604 pts: Hero points 80,650 pts: Rep. points LEVEL 30
thanks for code – it works. Unfortunately it causes only small difference in a layout.

You could alter the CSS as needed to get the exact layout you want.

Really if you can avoid editing plugin files then it would be better for when you come to update to a new version.

So we're talking about moving the button now, right?

If so then with the above code and this:
```
.subscribe-by-email .art-button-wrapper {margin-left:-115px;}
```
You should get as in my screenshot.

Take care.
togur
- New Recruit
- 56 pts: Hero points 5 pts: Rep. points LEVEL 0
Timothy thanks a lot – now it’s perfect!