Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #31993
    Sevian
    Member

    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

    #32144
    Sakin
    Keymaster

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

    #32488
    Sevian
    Member

    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

    #32491
    Sakin
    Keymaster

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

    #32503
    Sevian
    Member

    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

    #32517
    Sakin
    Keymaster

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

    #32588
    Sevian
    Member

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

    I wanted to try getting closer boxes

    #32700
    Sakin
    Keymaster

    @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%;
    	}
    }
    #32811
    Sevian
    Member

    you’re great. Thank you

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘separation between boxes’ is closed to new replies.