Shrinking borders between div containers

3milychu · Member · Aug 16, 2013 at 10:12 am
Copy link

Add topic to favorites
Hi :)

I’m trying to close the black space between the entry content and the page. See an example here: http://kollidescopic.com/gallery-2/

I would like to have the b&w background image for the entry content stretch from the edge of the half-face background image for the page all the way to the right side of the page.

Thank you so much for any tips or advice you might have!

The blog I need help with is: (visible only to logged in users)
mrdirby · Member · Aug 16, 2013 at 3:31 pm
Copy link
Looks like you figured it out.
3milychu · Member · Aug 16, 2013 at 5:34 pm
Copy link
Hi, I actually haven’t figured it out yet :(

It might be because the background images are set to relative

Here is a mock-up of what I’m trying to fix

http://i35.photobucket.com/albums/d174/emilychu123/Screenshot_1_zps035db9b6.png
thesacredpath · Member · Aug 19, 2013 at 2:20 am
Copy link
@3milychu, you can set a static left margin in body #main in your custom CSS by adding the following to that rule, but since you have a responsive width theme, this will cause problems on smaller screens, such as small tablets and smartphones. You can add the following and then narrow down your screen on various pages to see the results and what will disappear and compare it without the code.

margin-left: 142px;

I tried adding the image you have on the left to page ID specific #main rule instead, but that isn’t completely clean either. If you wish to try this solution, temporarily remove the background-image declaration from #page and add the following which targets this page: http://kollidescopic.com/gallery-2/.
```
.page-id-932 #main {
    background-image: url("http://kollidescopic.files.wordpress.com/2013/08/halface7.jpg") !important;
    background-repeat: repeat-y;
    margin-left: 0;
}

.page-id-932 #content {
    margin-left: 142px;
}
```
You can get the page ID body classes by doing a view source on the specific page and looking in the opening body selector. It is typically the second selector listed there.
thesacredpath · Member · Aug 19, 2013 at 2:24 am
Copy link
@3milychu, one other thing I noticed is that you have hidden the footer credits in the theme on your site, and those credits are required to remain visible. See #11 Attributions in the WordPress.com Terms of Service.

No items found.