Customizing form width

fashfriend · Member · Jun 2, 2015 at 9:32 pm
Copy link

Add topic to favorites
Hi all,

I have been trying to customize the width of the comment field in the form on my about page by adding the below to the CSS. However, when I save, I do not see a change. I must be doing something wrong. I would really appreciate some guidance with this. Thank you in advance :)

contact-form textarea {
height: 200px;
width: 60%;
float: none;
margin-bottom: 13px;
}

The blog I need help with is: (visible only to logged in users)
darrellschulte · Member · Jun 2, 2015 at 10:11 pm
Copy link
Hello fashfriend,

Are you missing the “period” on .contact-form?
```
.contact-form textarea {
    height: 200px;
    width: 60%;
    float: none;
    margin-bottom: 13px;
}
```
fashfriend · Member · Jun 2, 2015 at 11:31 pm
Copy link
Hi daschultemn,

Thanks for your reply!

I was initially missing it. I just added the period to the CSS but still no changes.
cleanpate · Member · Jun 5, 2015 at 12:32 am
Copy link
I’m having a similar problem customizing the CSS in the email- subscription widget:
```
#blog_subscription-2.widget.widget_blog_subscription {
	border: 15px black;
}
```
No matter how I write it, the changes won’t show up.

I thought the hardest part would be tracking down the requisite CSS code since we can’t alter the HTML, but apparently not. From reading the support page, I understand that all manual code should override theme-based code, but it’s clearly not happening for me either.

(A few years ago, I programmed from scratch an entire website using HTML, CSS, and Javascript, so it’s pretty frustrating not being able to fix such a seemingly-simple layout problem.)

I’d appreciate any feedback as well!! [I might try to do what WordPress doesn’t recommend, i.e. put the whole code into the customizer and see if the manual code works then, so I’ll let you know what happens.]
thesacredpath · Member · Jun 5, 2015 at 4:28 pm
Copy link
@cleanpate, you are using a different theme and asking about a different issue than discussed in this thread. In general CSS is theme specific, so what works for one theme typically won’t work for another, so in the future, feel free to start a new thread on your topic.

With the border declaration, you have to specify which type of border line you want, or it defaults to none. To add a border to the blog subscription widget on your site, the following would be the code.
```
#blog_subscription-2 {
    border: 15px solid #000;
}
```
cleanpate · Member · Jun 5, 2015 at 5:05 pm
Copy link
Well, that’s embarrassing. THANK YOU!! Sorry for wasting your time on such a dumb question, and I really appreciate your responding anyway. So much for retaining anything from three years ago…thanks again! (And I’ll be sure to start a new thread in the future.)
thesacredpath · Member · Jun 5, 2015 at 9:25 pm
Copy link
@cleanpate, you are welcome, and no worries. Not a waste of time and not a dumb question. The only dumb question is the one not asked. ;)

No items found.