• Hello,
    I wanted to remove the white space above the footer while using the ‘Sydney’ theme and found out that doing that you have to select ‘Front Page’ on the ‘Page Attributes’ section of the main page.

    But once I do that, a line of script appears on the website, “#pg-1199-0 .panel-row-style{ padding-top: 0 !important; }” where the white space was located and I cannot remove it. Any help would be appreciated. Thanks!!

Viewing 13 replies - 1 through 13 (of 13 total)
  • Hello there,

    Sydney’s template files don’t contain such that CSS code. Did you add custom CSS code? What will happen if you create a new blank page and enable the Front Page template. Does that bug still appear on there?

    Regards,
    Kharis

    Thread Starter mbessary

    (@mbessary)

    Yes, I did add code trying to completely remove the white space above and below the footer, but I removed all the code and none of it had that one I emailed in it…

    This is the stuff I tried;

    .page .page-wrap .content-wrapper{
    padding-top: 0 !important;
    }

    and 

    .page-wrap,
    #content .content-wrapper{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }

    .entry-footer{
    margin-top: 0;
    }

    #main > .hentry{
    padding-bottom: 0 !important;
    }

    None of it worked.  Also, when I tried a new blank page and enabled the Front Page template, it gave me more white space and only showed that same code as before, plus the name of the new page I created.

    Please share your page test URL here, so I can take a closer look.

    Regards,
    Kharis

    Thread Starter mbessary

    (@mbessary)

    I’m not sure about a single page URL, but my main link is http://www.mbessary.com

    Also, is it possible to remove ALL the white area (i’m guessing it’s the background) from the website? I ask because when I select tablet or phone mode the white area takes up a much larger area. Thanks!

    Hello there,

    Please check the Sydney theme’s header.php and index.php files. See if the unwanted CSS code presents in there. You can access them from Appearance > Editor.

    By default, they should look like these:

    * header.php
    * index.php

    Regards,
    Kharis

    Thread Starter mbessary

    (@mbessary)

    I couldn’t find it. Here is the code for both:

    Index.php

    <?php
    /**
    * The main template file.
    *
    * This is the most generic template file in a WordPress theme
    * and one of the two required files for a theme (the other being style.css).
    * It is used to display a page when nothing more specific matches a query.
    * E.g., it puts together the home page when no home.php file exists.
    * Learn more: http://codex.wordpress.org/Template_Hierarchy
    *
    * @package Sydney
    */

    get_header(); ?>

    <?php do_action(‘sydney_before_content’); ?>

    <div id=”primary” class=”content-area col-md-9″>
    <main id=”main” class=”post-wrap” role=”main”>

    <?php if ( have_posts() ) : ?>

    <?php /* Start the Loop */ ?>
    <?php while ( have_posts() ) : the_post(); ?>

    <?php
    /* Include the Post-Format-specific template for the content.
    * If you want to override this in a child theme, then include a file
    * called content-___.php (where ___ is the Post Format name) and that will be used instead.
    */
    get_template_part( ‘content’, get_post_format() );
    ?>

    <?php endwhile; ?>

    <?php the_posts_navigation(); ?>

    <?php else : ?>

    <?php get_template_part( ‘content’, ‘none’ ); ?>

    <?php endif; ?>

    </main><!– #main –>
    </div><!– #primary –>

    <?php do_action(‘sydney_after_content’); ?>

    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

    header.php:

    <?php
    /**
    * The header for our theme.
    *
    * Displays all of the <head> section and everything up till <div id=”content”>
    *
    * @package Sydney
    */
    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <link rel=”profile” href=”http://gmpg.org/xfn/11″&gt;
    <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”>
    <?php if ( ! function_exists( ‘has_site_icon’ ) || ! has_site_icon() ) : ?>
    <?php if ( get_theme_mod(‘site_favicon’) ) : ?>
    <link rel=”shortcut icon” href=”<?php echo esc_url(get_theme_mod(‘site_favicon’)); ?>” />
    <?php endif; ?>
    <?php endif; ?>

    <?php wp_head(); ?>
    </head>

    <body <?php body_class(); ?>>

    <?php do_action(‘sydney_before_site’); //Hooked: sydney_preloader() ?>

    <div id=”page” class=”hfeed site”>
    <?php _e( ‘Skip to content’, ‘sydney’ ); ?>

    <?php do_action(‘sydney_before_header’); //Hooked: sydney_header_clone() ?>

    <header id=”masthead” class=”site-header” role=”banner”>
    <div class=”header-wrap”>
    <div class=”container”>
    <div class=”row”>
    <div class=”col-md-4 col-sm-8 col-xs-12″>
    <?php if ( get_theme_mod(‘site_logo’) ) : ?>
    ” title=”<?php bloginfo(‘name’); ?>”>” alt=”<?php bloginfo(‘name’); ?>” />
    <?php else : ?>
    <h1 class=”site-title”>” rel=”home”><?php bloginfo( ‘name’ ); ?></h1>
    <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    <?php endif; ?>
    </div>
    <div class=”col-md-8 col-sm-4 col-xs-12″>
    <div class=”btn-menu”></div>
    <nav id=”mainnav” class=”mainnav” role=”navigation”>
    <?php wp_nav_menu( array( ‘theme_location’ => ‘primary’, ‘fallback_cb’ => ‘sydney_menu_fallback’ ) ); ?>
    </nav><!– #site-navigation –>
    </div>
    </div>
    </div>
    </div>
    </header><!– #masthead –>

    <?php do_action(‘sydney_after_header’); ?>

    <div class=”sydney-hero-area”>
    <?php sydney_slider_template(); ?>
    <div class=”header-image”>
    <?php sydney_header_overlay(); ?>
    ” width=”<?php echo esc_attr( get_custom_header()->width ); ?>” alt=”<?php bloginfo(‘name’); ?>” title=”<?php bloginfo(‘name’); ?>”>
    </div>
    <?php sydney_header_video(); ?>

    <?php do_action(‘sydney_inside_hero’); ?>
    </div>

    <?php do_action(‘sydney_after_hero’); ?>

    <div id=”content” class=”page-wrap”>
    <div class=”container content-wrapper”>
    <div class=”row”>

    Hello there,

    Please switch to the default WordPress theme, so that you can delete the Sydney theme. Then install and activate the fresh Sydney theme.

    Regards,
    Kharis

    Thread Starter mbessary

    (@mbessary)

    Ok, I will do that. Thank you. In the meantime, how does one remove all the white space (background space) from the bottom of the pages?

    Do you mean the white space seen on the bottom of this page http://mbessary.com/contact/?

    Regards,
    Kharis

    Thread Starter mbessary

    (@mbessary)

    Yes, but on all the pages.

    If I could get it correctly, you’d need to add the below CSS code to Appearance > Customize > Additional CSS from your dashboard.

    
    .page-wrap .content-wrapper {
      background-color: transparent;
      color: #fff;
    }
    

    Regards,
    Kharis

    Thread Starter mbessary

    (@mbessary)

    Looks good, thanks! Also, is there a way to change the smart phone view of the website without changing the main view for computers?

    Hello there,

    You can use CSS media query to target specific mobile screen styling. For example:

    
    @media only screen and (max-width: 480px) {
      
      .page-wrap .content-wrapper {
        background-color: transparent;
        color: #fff;
      } 
    
    }
    

    Read this W3S for the basic information of how to work with it. For complete list mobile screen break point, check this out.

    https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Regards,
    Kharis

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘CSS Script showing after using the ‘Front Page’ option on ‘Page Attributes’’ is closed to new replies.