Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #50339
    Keith
    Participant

    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

    #50357
    Sakin
    Keymaster

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

    #50371
    Keith
    Participant

    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

    #50412
    Sakin
    Keymaster

    @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%;
    	}
    }
    #50620
    Keith
    Participant

    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

    #50628
    Sakin
    Keymaster

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

    #50639
    Keith
    Participant

    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!

    #50650
    Sakin
    Keymaster

    @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%;
    	}
    }
    #50652
    Keith
    Participant

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

    Thank you sooooo much!

    Gracias, please mark as solved my friend!

    #50654
    Sakin
    Keymaster

    @Keith: thanks for your appreciation. Cheers 🙂

    #63497
    Robertf
    Participant

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

    #78348
    vlts
    Participant

    Hello,

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

    Thanks

    #78362
    Sakin
    Keymaster

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

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Change width of catch box pro theme vs change to Evolution’ is closed to new replies.