How can I make the area under the slideshow the full width

How can I make the area under the slideshow the full width of the slideshow? I removed the "Spotlight" feature as the client did not like how it sized thumbnails and could not figure out how to adjust.

Would like for the description and recent posts area to span the full column.

  • Development Design
    • The Crimson Coder

    If you go in to the back end of wordpress, look on the sidebar on the left and find the appearances, then the "theme Options" tab.

    In there you should be able to find a way to set up the sidebar to only be on the left.

    You either need to remove the right sidebar, or go from your existing 3 column (left & right sidebar with a center body) to just a left sidebar.

  • Tom Eagles
    • Syntax Hero

    @CDCG

    Hi there, there are two ways to achieve this one is to edit the template itself. Secondly is the one that i invariably do as it futureproofs against theme updates and is less complicated than creating a child theme.

    Create a page >pages>add page

    Create the page as you want and select one of the templates on the right.

    see screenshot

    Goto settings>general>reading and set the front page to static type and select the page you created.

    Now when someone ends up on your front page they see the page you created.

    Cheers

  • CDCG
    • Design Lord, Child of Thor

    Site is photonicvisions.com.

    I want to be able to show the slideshow as well as the Latest News, just want to remove the Spotlight section as the thumbnail acts as a background and repeats.

    I commented out the <div id="front-sidebar"> section however that skews other layouts and sidebars.

  • Tom Eagles
    • Syntax Hero

    Download your themes style.css file (normally found in wp-content>themes>your theme name via ftp.

    open up the file and look for this section

    #slider{width:730px !important;/* important to be same as image width */
    height:450px !important;/* important to be same as image height */
    position:relative !important;/* important */
    overflow:hidden !important;/* important */
    background-color:#ffffff !important; display: none;}
    #slider #sliderContent li.sliderImage .featured-image.attach-post-image {
        height: 450px !important;
    }

    add the following line display:none; as in this code snippet below

    #slider{width:730px !important;/* important to be same as image width */
    height:450px !important;/* important to be same as image height */
    position:relative !important;/* important */
    overflow:hidden !important;/* important */
    background-color:#ffffff !important; display: none;}
    #slider #sliderContent li.sliderImage .featured-image.attach-post-image {
        height: 450px !important;
        display: none;
    }

    Once you have done that save the file and ftp it back over writing the one on the server.

    This will stop that slider displaying without having an impact anywhere else.

    Cheers

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.