• Hi!

    I did make a gallery with Jetpack. For some reason it does not use the full width…
    have a look here: https://www.geri.at/wordpress/?p=813

    My Custom CSS looks like this:
    (Collected some code snippets – not sure what every one is doing in real…)

    #header {
    display: none;
    }
    
    #access a {
    padding-right: 22px;
    } 
    
    #slider .entry-title a {
    display:none;
    }
    
    #site-title img {
    margin: 0px;
    }
    
    #site-title {
    margin:0;
    line-height:0;
    float:left;
    }
    
    #access ul {
    height: 40px;
    }
    
    #social-media-icons {
    display:none;
    float:none;
    margin-top:0;
    }
    
    #header input#s {
    display: none;
    }
    
    /* Galerie Vorschau stretched auf max width */
    .post-gallery-item img {
    	display:block;
    	width:100%;
    	float:left;
    }
    
    #sidebar .onecol {
        border:#ccc 1px solid;
    margin-top: 20px;
    }
    
    .widget-area li {
    	padding:7px 0;
    	margin:0;
    	border-bottom:#ccc 1px solid;
    	line-height:1.62em;
    }

    Any idea?

    Thnx!

    Greetings
    Geri

Viewing 2 replies - 1 through 2 (of 2 total)
  • charisgratia

    (@charisgratia)

    Check out your theme’s functions.php file for the following code:

    if( ! isset( $content_width ) ) $content_width = 660;

    Increasing the width here from 660 to 1060 or so will have your tiled gallery display across the full page. Changes will be overwritten with an update unless working in child theme.

    Sickness!

    Worked out well for me!

    I had the same issue on a certain theme I was using. The gallery just never went full screen on the page, and the page’s template was a full-width (no sidebar) one. The text went full width no issues but the gallery stopped short.

    I went into my child theme’s function.php and inserted the above line of code. I also changed $content_width = 660; to $content_width = 1110; because that was the full width of the page.

    Saved the file.

    Hit the refresh button and VOILA! Full width baby!

    @charisgratia: Thanks a lot!

    Edit: gave the code lines the code markup.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Jetpack Gallery – full width?’ is closed to new replies.