[Keith]

Hi,

I figured out how to display a page larger that 1100 pixels, but only for one css type – pages with no sidebar – using the following:

/* Makes Pages With No Sidebar Wider*/
.no-sidebar.full-width #page { max-width: 85%; width: 100%; }

Can you please tell me how to format it for other page types so I can enlarge width at will?

Previous answers sometimes were just “buy evolution, it’s made for it”

I tried evolution, bought it for my girlfriend – but my header background was messed up, the widgets aren’t curved the same, I like my catch box pro 🙂 and want to keep it. I don’t want to rehaul my entire theme by switching from catchbox pro to evolution pro if I don’t have to……

Can you help me?
Thank you

[Sakin]

@Keith: Ok let me know in detail what are you trying to accomplish with Catch Box Pro theme. Let me know the width what you want and your site URL. Then I will send you the custom css. Thanks 🙂

Also if there is anything broken or issue in Catch Evolution Pro, then please create support question in Catch Evolution Pro theme support forum. I will answer that as well.

[Keith]

You guys are awesome 🙂

To maintain responsiveness on mobile devices, may I request all pages with different columns be upped from 1100px to 1300px, max-width of 90% by any chance?

I was able to get this page: http://idigitalmedium.com/links to stretch to 85%, but no success on other pages when I apply the same layout “no sidebar-full width”

My utmost desire is to stretch the entire site, regardless of which layout 🙂

Gracias!!

Keith

[Sakin]

@Keith: Thanks but I see that you are using Older version of Catch Box Pro theme. Can you update the theme to latest version 4.0 and then add the following css in “Appearance => Theme Options => Custom CSS” box. But the following css will work only in Catch Box Pro version 4.0 and above.

@media screen and (min-width: 1025px) {
	.site {
	    max-width: 94%;
	    width: 100%;
	}
	#primary {
	    width: 72%;
	}	
	#secondary {
	    width: 26%;
	}	
}
@media screen and (min-width: 1360px) {
	.site {
	    max-width: 1300px;
	    width: 100%;
	}
}

[Keith]

Hi,

I applied the CSS. It works on some pages but not others. I have updated to catchboxpro 4.0

Some pages work. some don’t. I use a caching utility but that has been purged.
I don’t understand – as pages (such as articles) all are the exact same setup (2 columns right sidebar) yet some work and some don’t.

Pages that work:
http://idigitalmedium.com/in-disguise-the-angel-and-you/
http://idigitalmedium.com/outta-sight-out-of-body-the-fingerprint/
http://idigitalmedium.com/links/

Pages that don’t:
http://idigitalmedium.com/
http://idigitalmedium.com/alternate-sources-evps/
http://idigitalmedium.com/physical-seance-room-recollections-vol/
http://idigitalmedium.com/itcvoices/

please assist when you have a moment. Thank you kindly!

Keith

[Sakin]

@Keith: It’s not working for me in all of your pages. I see that you have used W3 Total Cache with full cache. So, go to “Performance => Dashboard” and then click on “Empty all cache”

[Keith]

Hi,

I had already performed the step you mentioned, unsure why it was inconsistent. I had cleared all caches in W3 Total cache before contacting you, but just in case it didn’t work…..per advice, just purged ALL caches again in W3 total Cache, and then deactivated W3 total cache plugin completely. Now there is no caching at all on this site.

I’ll be honest, I can’t tell if it is slightly wider or not (I think it is?), but so marginal I can’t even tell….. but when it was cached did you notice some pages were wider? now none take up more than 80% of any screen set on any resolution. (cleared internet cache inbrowser, set to default, restored advanced settings, multiple computers, multiple browsers.

Can we bump it up some more? or is it now not working at all? on a 1280 x 1024 resolution it should take up 94% of the width, correct?

Here is all the css in my theme at this time.

/* Hide Author */
.entry-meta .by-author { display: none; }

/* Removes Gray Box Around Captioned Images */
.wp-caption { background: none transparent; max-width: 100%; padding: 0; }

/* Stretches Entire Site – From CatchBox Pro Theme

@media screen and (min-width: 1025px) {
.site {
max-width: 94%;
width: 100%;
}
#primary {
width: 72%;
}
#secondary {
width: 26%;
}
}

@media screen and (min-width: 1360px) {
.site {
max-width: 1300px;
width: 100%;
}
}

Thank you sir!

[Sakin]

@Keith: I found the issue in your custom css. You have added comment like below:
/* Stretches Entire Site - From CatchBox Pro Theme
But it should be as below:
/* Stretches Entire Site - From CatchBox Pro Theme */

So, just delete your current custom css and add the following css instead:

/* Hide Author */
.entry-meta .by-author { display: none; }

/* Removes Gray Box Around Captioned Images */
.wp-caption { background: none transparent; max-width: 100%; padding: 0; }

/* Stretches Entire Site - From CatchBox Pro Theme */
@media screen and (min-width: 1025px) {
	.site {
	    max-width: 94%;
	    width: 100%;
	}
	#primary {
	    width: 72%;
	}	
	#secondary {
	    width: 26%;
	}	
}
@media screen and (min-width: 1360px) {
	.site {
	    max-width: 1300px;
	    width: 100%;
	}
}

[Keith]

OOPS! That’s why you’re the professional, and I’m an amateur!

Thank you sooooo much!

Gracias, please mark as solved my friend!

[Sakin]

@Keith: thanks for your appreciation. Cheers 🙂

[Robertf]

Thanks @Keith & @Sakin, I had the same problem, wanting a wider layout for a larger screen, and you’ve resolved for me! 🙂
Regards, Robertf

[vlts]

Hello,

Is there a way to do the opposite, reduce the width to about 780px, and maintain the responsive nature.

Thanks

[Sakin]

@vlts: Sorry I don’t get it what you mean. Can you explain in reference with your site URL?
So, what you want to do for less than 780px width screen resolutions. Also for which element that you want 780px.

[Author]

Posts