Viewing 15 replies - 1 through 15 (of 21 total)
  • Hi there!

    Is this what you are trying to achieve?

    Screenshot

    If so, I think this code snippet will work for you..

    #main {
      width: 100%;
    }

    You can paste this code in your child theme’s style.css or in a custom css plugin such as Simple Custom CSS.

    I hope that helps!

    Luke the Daft Duke

    Thread Starter grandma j

    (@grandma-j)

    I have two choices which one do I alter:
    #main {
    display: inline;/* fix double margin */
    float: left;
    margin: 0 25px 30px 10px;
    width: 660px;
    —————————————–
    #main.image-template {
    width: 950px;

    First one, change the width from 660px to 100%.

    Thread Starter grandma j

    (@grandma-j)

    oh yeah, and what about the text at the top, is there a way to hide it so the public doesn’t see it…

    I’m not sure what text your referring to, can you clarify?

    Thread Starter grandma j

    (@grandma-j)

    i totally screwed something no clue..
    #main {
    display: inline;/* fix double margin */
    float: left;
    margin: 0 25px 30px 10px;
    width: 100%;
    /* Image Template. */
    #main.image-template {
    width: 950px;
    }
    .image-template #comments {
    margin: 0 auto;
    width: 660px;

    Perhaps the closing brackets:

    #main {
    display: inline;/* fix double margin */
    float: left;
    margin: 0 25px 30px 10px;
    width: 100%;
    }
    
    /* Image Template. */
    #main.image-template {
    width: 950px;
    }
    
    .image-template #comments {
    margin: 0 auto;
    width: 660px;
    }
    Thread Starter grandma j

    (@grandma-j)

    Yay, it worked! Thanks so much! About the other issue, I was referring to this:

    5. /*
    6. Template Name: a Store Page
    7. */;
    8. ?>

    It shows up at the top of the store, can the public see that or can I hide it or get rid of it

    I can see it yeah.

    Perhaps you created a template with some stray code?

    Thread Starter grandma j

    (@grandma-j)

    I figured it out, it was a separate template that I was using for the sample… thanks Everything looks wonderful!
    https://www.multiphasialdynamics.com/products-services-sample/mds-estore/

    Looks great!

    Thread Starter grandma j

    (@grandma-j)

    Here’s a thing… it worked too well. All the pages were changed I only wanted to change the full width template page

    That shouldn’t be a problem. Just locate the class for the template page you are using and specify it in the CSS selector…for example:

    .page-template-full-width-page #main {
    display: inline;/* fix double margin */
    float: left;
    margin: 0 25px 30px 10px;
    width: 100%;
    }
    Thread Starter grandma j

    (@grandma-j)

    it looks like this..
    <?php
    /*
    Template Name: Full Width
    */
    ?>
    <?php
    /**
    * @package Parament
    */

    get_header(); ?>

    <div id=”container-fullwidth” class=”contain”>

    <div id=”main” role=”main”>
    <?php if ( have_posts() ) : ?>
    <?php while ( have_posts() ) : the_post(); ?>
    <?php get_template_part( ‘content’, ‘page’ ); ?>
    <?php endwhile; ?>
    <?php else : ?>
    <?php get_template_part( ‘content’, ‘404’ ); ?>
    <?php endif; ?>
    <?php comments_template(); ?>
    </div><!– end main –>

    </div><!– end container –>

    <?php get_footer(); ?>

    then try

    #container-fullwidth #main

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘[Theme: Parament] how to remove sidebar’ is closed to new replies.