- This topic has 8 replies, 2 voices, and was last updated 10 years, 3 months ago by Sevian.
-
AuthorPosts
-
May 23, 2014 at 9:23 pm #31993SevianMember
one last question. as I can attach the post box or the slider widget to the right.
I would like the separation between boxes was 0 pixels
very friendly
May 24, 2014 at 9:27 pm #32144SakinKeymaster@Sevian: Sorry I don’t get it what you mean. Do you mean to remove the padding below the your widgets then you can add the following css in “Appearance => Theme Options => Custom CSS” box.
#secondary .widget { padding-bottom: 0; }
May 26, 2014 at 4:16 pm #32488SevianMemberI´m sorry
I mean the separation of main content box (post) and secondary widget.
I would join the two boxessorry for my English
May 26, 2014 at 4:22 pm #32491SakinKeymaster@Sevian: Still confused. Maybe you can share with me your design that you wanted to accomplish. Upload the screenshot in your site or any photo sharing site and post in your image URL here.
May 26, 2014 at 5:40 pm #32503SevianMemberOk, I would like to join the left box with the widget on the right.
so they are together
thank you for your patience, I hope you understand me
May 26, 2014 at 6:34 pm #32517SakinKeymaster@Sevian: Removing that will make the site look odd. As we need some gap between this. But yes you can make it whole white so it doesn’t look like gap
#main .wrapper { background-color: #fff; } #secondary .widget { border: none; }
So bit confused…
May 27, 2014 at 12:34 am #32588SevianMemberThat’s how I got.
All white and white and widgets if no borders.I wanted to try getting closer boxes
May 28, 2014 at 12:37 am #32700SakinKeymaster@Sevian: That is bit complicated. For your site http://veogangas.com/, I see that you have added previous css which changed all the widget into white. If you don’t want that, then remove that css. For the width you can increase the width as per your need in the following css and add it in “Appearance => Theme Options => Custom CSS” box.
/* For Large Screen */ #primary { width: 754px; } #secondary { width: 406px; } /* For other responsive screens */ @media screen and (max-width: 1224px) { #primary { width: 654px; } #secondary { width: 340px; } } @media screen and (max-width: 1060px) { #primary { width: 530px; } #secondary { width: 340px; } } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #primary { width: 590px; } #secondary { width: 340px; } } @media screen and (max-width: 960px) { #primary, #secondary { width: 100%; } }
May 28, 2014 at 9:31 pm #32811SevianMemberyou’re great. Thank you
-
AuthorPosts
- The topic ‘separation between boxes’ is closed to new replies.