[Sevian]

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

[Sakin]

@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; }

[Sevian]

I´m sorry

I mean the separation of main content box (post) and secondary widget.
I would join the two boxes

sorry for my English

[Sakin]

@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.

[Sevian]

Ok, 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

https://www.dropbox.com/s/0acnbtttplyn97u/captura.jpg

[Sakin]

@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…

[Sevian]

That’s how I got.
All white and white and widgets if no borders.

I wanted to try getting closer boxes

[Sakin]

@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%;
	}
}

[Sevian]

you’re great. Thank you

[Author]

Posts