Community Forums › Forums › Archived Forums › Design Tips and Tricks › Need a little css help, please. :)
- This topic has 4 replies, 2 voices, and was last updated 10 years, 8 months ago by colson.
-
AuthorPosts
-
August 11, 2013 at 12:04 pm #55647rick4himMember
I need a little css help with my theme, please. When you view the site on a mobile phone (or just resize the browser to mobile size) I have a few problems that I can't seem to fix.
1. The contact form and button doesn't look right. I'm not sure how to describe, but if you check it out you'll see what I mean. I think the submit button needs some space below it. Can someone help m get that looking good?
2. The orange circle that holds the date overlaps the image at the top of the post. Depending what picture I have here this can be distracting, I'd like to find a way to fix that.
3. The red comment box is overlapping the blue bar with the meta data, I'd like to fix this as well.
4. Social sharers...I'm not sure if this is the best place for them (that they look the best) in this spot. Not just on mobile, but in general. I'm open to any ideas / thoughts on where to place these / what style I should use (the bigger ones like I have now, a smaller version, etc...
Here is a link to a post on my site: http://noahsdad.com/live-action-news-life-of-the-week/
I would really appreciate any help you can give me on getting this fixed.
http://I need a little css help with my theme, please. When you view the site on a mobile phone (or just resize the browser to mobile size) I have a few problems that I can't seem to fix. 1. The contact form and button doesn't look right. I'm not sure how to describe, but if you check it out you'll see what I mean. I think the submit button needs some space below it. Can someone help m get that looking good? 2. The orange circle that holds the date overlaps the image at the top of the post. Depending what picture I have here this can be distracting, I'd like to find a way to fix that. 3. The red comment box is overlapping the blue bar with the meta data, I'd like to fix this as well. 4. Social sharers...I'm not sure if this is the best place for them (that they look the best) in this spot. Not just on mobile, but in general. I'm open to any ideas / thoughts on where to place these / what style I should use (the bigger ones like I have now, a smaller version, etc... Here is a link to a post on my site: http://noahsdad.com/live-action-news-life-of-the-week/ I would really appreciate any help you can give me on getting this fixed.August 14, 2013 at 6:28 pm #56440colsonKeymaster#1 are you meaning the post comment button at the bottom? if you are you can look for this in your css it is line 1391 so quite far down in your css and add a bottom margin to it margin-bottom: 10px;
button, input[type="button"], input[type="submit"], .btnok for # 2 you could put a margin bottom on the .post-info this will put a margin there for any content in the post. this will change it on the home page also if you do not want it changed on the home page let me know.
.post-info{
margin-bottom: 20px;
}could not see #4 not sure where this was.
August 16, 2013 at 4:24 pm #56924colsonKeymasterI forgot to add for #2 another choice is to move the orange circle up and you would do that on the following line and change
( top: -15px to probably around -30px ).post-info .time {}
August 16, 2013 at 9:10 pm #56976rick4himMemberThanks so much for your help. I just tried to do this #1 are you meaning the post comment button at the bottom? if you are you can look for this in your css it is line 1391 so quite far down in your css and add a bottom margin to it margin-bottom: 10px;
button, input[type="button"], input[type="submit"], .btnBut it doesn't some to be working. Not sure what I'm doing wrong.
August 17, 2013 at 5:47 am #57025colsonKeymasterThat should work I don't see it in your css did you save after you made changes? You could instead add this to your file:
#submit {
margin-bottom: 20px;
} -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.