Aligning text with pictures.

theramblinglass · Member · Dec 16, 2011 at 11:02 am
Copy link

Add topic to favorites
Hi everyone,

I’ve recently redone my blog layout and it’s exactly how I want it to look . My problem comes with the fact that I’ve decided to resize my pictures to make them a little smaller. As you can see in the below post. The post text runs outwith the alignment of the pictures.

Is there anything I can do in CSS to make sure the text is contained in the same width as the pictures ?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 16, 2011 at 11:13 am
Copy link
Can you give us a link to the post?
theramblinglass · Member · Dec 16, 2011 at 11:24 am
Copy link
Doh ! How stupid of me :

http://theramblinglass.wordpress.com/2011/09/04/textile-printing/
thesacredpath · Member · Dec 16, 2011 at 11:33 am
Copy link
Most likely you have a long way to go to catch me on forgetting links. :-)

Your sidebar is down at the bottom of your posts because there is no room for it beside your images and content. Did you want it up where it should be, beside the content?
thesacredpath · Member · Dec 16, 2011 at 11:37 am
Copy link
I see you are using coraline and it does that if the browser window gets too narrow.
thesacredpath · Member · Dec 16, 2011 at 11:43 am
Copy link
Give this a try.
```
.two-column #content {
width: 66%;
}
```
theramblinglass · Member · Dec 16, 2011 at 11:56 am
Copy link
That works !!! Now my pictures and text are aligned as I wish … but … I’ve got an awfully big gap between my content and side bar ? Is there anyway to increase the white areas to the left of my content/right of my side bar and decrease the space between them both ?

Sorry for all the newbie questions … I figure it is to do with padding perhaps ?
thesacredpath · Member · Dec 16, 2011 at 8:08 pm
Copy link
Modify the padding declarations in the following two bits in your CSS to look like what I have below. This isn’t optimum, but it is better.
```
.two-column #primary, .two-column #secondary {
float: right;
padding: 0 40px 0 0;
width: 16%;
}

.two-column #content {
padding: 0 30px 0 50px;
width: 66%;
}
```
Because you went to a narrower content width, we really should go back in and adjust a bunch of things and make the entire site narrower. Do you want to do that? It will be a probably several hours before I can get to that as I’m waiting on a conference call to start that will likely create several hours of rush work for me. Post back here and let me know.
theramblinglass · Member · Dec 17, 2011 at 4:05 pm
Copy link
Thanks for your help so far ! I can see the space has narrowed from your previous bit of CSS – If you think it’d be better to adjust quite a few things and you have the time to help I’d be very grateful !
thesacredpath · Member · Dec 17, 2011 at 6:04 pm
Copy link
I’ll work on this for you a little later today.
timethief · Member · Dec 17, 2011 at 6:05 pm
Copy link
@thesacredpath
check email please :)
thesacredpath · Member · Dec 17, 2011 at 6:43 pm
Copy link
@TT, I did and have responded.
thelovesnobs · Member · Dec 18, 2011 at 4:54 pm
Copy link
@thesacredpath: would you be able to help on a different topic? I want to remove the comment form i have under each post. i see the option to add and edit the comment box, however i don’t see an option to delete the form. you can see what i’m talking about if you go onto amazinglybrash.com and click on any of the passages.
If you or anyone can help i would greatly appreciate it, or you can email me the response @ (email visible only to moderators and staff)
airodyssey · Member · Dec 18, 2011 at 4:58 pm
Copy link
@facebr4: I know your message was adressed to thesacredpath, but since we’re all users like you who are here to help, I’d like to advise you that your question is off-topic. For the sake of organization, please start a separate topic: https://en.forums.wordpress.com/?new=1
Also, we don’t answer questions by email, but you can subscribe to a topic at any time.

No items found.