Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #241409
    AleMello
    Participant

    Hi. I would like to expand the width of the contents in the pages.

    I mean, the blocks are not using all the width of the white box and I’d like to expand it.

    I put an image at https://www.dropbox.com/s/cvxtxkhx5ee7dzx/bigger_width.png?dl=0
    In this image I’m using 2 columns. I didn’t type in the second column, yet. But I would like to make the detached image and the columns box wider.

    I think it’s a simple code, but I couldn’t find what I should do.

    Best regards from brazil, and please be safe. Stay at home as much as you can.
    AleMello

    #241425
    Skandha
    Keymaster

    @alemello: Hello AleMello,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .site {
    	margin:0 !important;
    	width: 100% !important;
    }
    @media screen and (min-width: 1280px) {
    	.site {
    		width: 100% !important;
    	}	
    }
    @media screen and (min-width: 1152px) {
    	.site {
    		width: 100% !important;
    	}	
    }
    @media screen and (min-width: 1100px) {
    	.site {
    		width: 100% !important;
    	}	
    }
    @media screen and (min-width: 990px) {
    	.site {
    		width: 100% !important;
    	}	
    }
    @media screen and (min-width: 767px) {
    	.site {
    		width: 100% !important;
    	}	
    }
    @media screen and (min-width: 700px) {
    	.site {
    		width: 100% !important;
    	}	
    }
    @media screen and (min-width: 600px) {
    	.site {
    		width: 100% !important;
    	}	
    }
    @media screen and (min-width: 540px) {
    	.site {
    		width: 100% !important;
    	}	
    }
    @media screen and (min-width: 480px) {
    	.site {
    		width: 100% !important;
    	}	
    }
    @media screen and (min-width: 400px) {
    	.site {
    		width: 100% !important;
    	}	
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #241707
    AleMello
    Participant

    Wow! That was amazing… 🙂 But, that’s not what I was looking for.

    I need to expand the content INSIDE the white box only, not the whole layout/width.

    I like the layout the way it is, but I would like to use more width inside the white box. Now it’s using like 50% centered. I would like to use more, like 80% of the white box width.

    I left an image (i believe) more clear at: https://www.dropbox.com/s/a6q6s00kte6bcvx/width.png?dl=0

    Anyway, THANKS A LOT for your help.
    Best regards
    Ale

    #241735
    Skandha
    Keymaster

    @alemello: Hello Ale,
    Can you please post in your site URL so that I can provide you the necessary CSS Code?

    Kind Regards,
    Skandha

    #241919
    AleMello
    Participant

    It’s at http://www.quatrinvest.com.br/site/

    Thanks, again

    #241986
    Skandha
    Keymaster

    @alemello: Hello Ale,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .no-sidebar.content-width #main {
        width: 100% !important;
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #242668
    AleMello
    Participant

    Yes! Thanks a lot! You’re the best!

    #242714
    Skandha
    Keymaster

    @alemello: Hello Ale, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-responsive/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Wider width to pages’ is closed to new replies.