Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

[Support request] woocommerce.php (inc/woocommerce.php) & mobile css

Home Forums Support [Support request] woocommerce.php (inc/woocommerce.php) & mobile css

Home Forums Support woocommerce.php (inc/woocommerce.php) & mobile css

  • This topic has 6 replies, 2 voices, and was last updated 5 years ago by Tom.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #242113
    Maiko

    Hi Tom!

    Can i ask more question?

    When i look at the search results page,
    i can see a php code at the end of the page.
    “add_filter( ‘generate_sidebar_layout’,’generate_custom_category_sidebar_layout’ ); function generate_custom_category_sidebar_layout( $layout ) { // If we are on a category, set the sidebar if ( is_category() ) return ‘no-sidebar’; // Or else, set the regular layout return $layout; }”
    how can i delete it?

    My web site is
    http://fun-sports.net

    and i think, I have deleted the php code on woocommerce.php by mistake, is following code OK?

    <?php
    // No direct access, please
    if ( ! defined( ‘ABSPATH’ ) ) exit;

    /**
    * Remove default WooCommerce wrappers
    * @since 1.3.22
    */
    remove_action( ‘woocommerce_before_main_content’, ‘woocommerce_output_content_wrapper’, 10);
    remove_action( ‘woocommerce_after_main_content’, ‘woocommerce_output_content_wrapper_end’, 10);
    remove_action( ‘woocommerce_sidebar’, ‘woocommerce_get_sidebar’, 10 );
    add_action(‘woocommerce_sidebar’,’generate_construct_sidebars’);

    if ( ! function_exists( ‘generate_woocommerce_start’ ) ) :
    /**
    * Add WooCommerce starting wrappers
    * @since 1.3.22
    */
    add_action(‘woocommerce_before_main_content’, ‘generate_woocommerce_start’, 10);
    function generate_woocommerce_start()
    { ?>

    >
    <main id=”main” <?php generate_main_class(); ?>>
    <?php do_action(‘generate_before_main_content’); ?>
    <article id=”post-<?php the_ID(); ?>” <?php post_class(); ?> <?php generate_article_schema( ‘CreativeWork’ ); ?>>

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

    <?php }
    endif;

    add_filter( ‘generate_sidebar_layout’,’generate_custom_category_sidebar_layout’ );
    function generate_custom_category_sidebar_layout( $layout )
    {
    // If we are on a category, set the sidebar
    if ( is_category() )
    return ‘no-sidebar’;

    // Or else, set the regular layout
    return $layout;

    }
    add_filter( ‘generate_sidebar_layout’,’generate_custom_search_sidebar_layout’ );
    function generate_custom_search_sidebar_layout( $layout )
    {
    // If we are viewing search results, set the sidebar
    if ( is_search() )
    return ‘no-sidebar’;

    // Or else, set the regular layout
    return $layout;

    }
    add_filter( ‘generate_show_excerpt’,’generate_full_post_search’ );
    function generate_full_post_search( $show_excerpt )
    {
    if ( is_search() )
    return false;

    return $show_excerpt;
    }

    About mobile css, i want to ask 3 question.

    1. How do i need to make a css code like following pic?
    http://fun-sports.net/images/sample1.png

    2.Can i delete red circle area on the only top page?
    http://fun-sports.net/images/sample2.png

    3.When i add following css,
    .separate-containers .inside-article, .separate-containers .comments-area,
    .separate-containers .page-header, .separate-containers .paging-navigation,
    .one-container .site-content, .separate-containers .widget.inner-padding {
    padding: 25px 15px 20px 20px;
    font-size:10pt;
    }
    there are too much space on the footer area…
    http://fun-sports.net/images/sample3.png
    where do i need to change a css?

    Sorry a lots of question…

    #242175
    Tom
    Lead Developer
    Lead Developer

    It looks like you added PHP to a template or something. You should remove what you added, and add that code using the instructions here: https://generatepress.com/knowledgebase/adding-php-functions/

    1. Try this:

    @media (max-width: 768px) {
        .generate-columns {
            margin-left: 10px;
            margin-right: 10px;
        }
    }

    2. This is because you’re using the separate containers layout. You can remove that space on mobile like this:

    @media (max-width: 768px) {
        .separate-containers .site-main {
            margin-top: 0;
        }
    }

    3. You’re adjust the padding with that CSS. To stop it from adjusting the footer widget padding, remove this part: .separate-containers .widget.inner-padding

    Hope this helps 🙂

    #242285
    Maiko

    Really great helps!!

    Thank you Tom!!!

    Sorry, i want more your help…

    I’ve deleted following red area by mistake…
    http://fun-sports.net/images/sample4.png
    Could you tell me what was it?

    About mobile css,

    1.How can i change a red square area that picture or text(size and color) or background color?
    http://fun-sports.net/images/sample5.png

    2.How can i change a blue square area? (height)
    http://fun-sports.net/images/sample5.png

    3. How can i change a footer and copyright text size?

    Sorry, i am asking a lot…

    #242291
    Tom
    Lead Developer
    Lead Developer

    Looks like a bunch of empty space – no problem deleting that.

    1. The background color is adjusted in “Customize > Colors > Body”. The white area is “Customize > Colors > Content”.

    2. You could try this:

    @media (max-width: 768px) {
        .separate-containers .site-main .generate-columns-container > .generate-columns {
            margin-bottom: 20px;
        }
    }

    3. Using the Typography add-on in “Customize > Typography > Footer”.

    #242514
    Maiko

    Hi Tom!

    I’ve deleted PHP what i add from woocommerce.php and made a new plugin then put in some add what i want.
    http://fun-sports.net/images/sample6.png
    But still i can see following php code on the end of the search results page.
    “add_filter( ‘generate_sidebar_layout’,’generate_custom_category_sidebar_layout’ ); function generate_custom_category_sidebar_layout( $layout ) { // If we are on a category, set the sidebar if ( is_category() ) return ‘no-sidebar’; // Or else, set the regular layout return $layout; }”
    What can i do else?

    1.I see, I want to change a title area only, Can i do it?
    Also, can i change a padding?

    2.Great works! Thank you!!

    3.Ummm, it didn’t change…
    At the moment, following CSS what i add on Simple CSS.


    @media
    screen and (max-width: 768px) {
    .separate-containers .inside-article, .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content {
    padding: 25px 15px 20px 20px;
    font-size:10pt;
    }
    .generate-columns {
    margin-left: 10px;
    margin-right: 10px;
    }
    .separate-containers .site-main {
    margin-top: 0;
    }
    .separate-containers .site-main .generate-columns-container > .generate-columns {
    margin-bottom: 11px;
    }
    .inside-header {
    position:relative;
    }
    .site-logo {
    position: absolute;
    bottom: 8px;
    left: 10px;
    }
    .header-image {
    height: 32px;
    width: 171px;
    }
    }

    #242534
    Maiko

    Hi Tom again!

    1.I could find a way!
    Just, can i change a padding?

    #242540
    Tom
    Lead Developer
    Lead Developer

    The code in your plugin wouldn’t display down there – you probably have that code written somewhere else in your installation.

    1. Padding for what?

    3. You’re talking about the copyright font size, correct?

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.