Premium support

Please log in to post in these forums. If you didn't create an account when you purchased, please contact us.

Free support

If you haven't purchased GP Premium, support for the free theme can be found on WordPress.org.

[Support request] Little details in styles, more balance

Home Forums Support Little details in styles, more balance

This topic contains 3 replies, has 2 voices, and was last updated by  Marcelo.uy 3 days, 8 hours ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #364729

    Hello Tom and Staff of Generatepress, i want to expose here since much time ago some details about styles, i am meticulous in design (padding, width, height), i like a cleaner and very well balanced design, and your theme is really like that. But, in some circunstances appear little problemas about this, for example if you change the font size the inputs field and text have not more the same vertical align, etc.

    I know that i can change the colors, height, etc. in the css style and i do that, but i think that examples (not the last) are styles own of generatepress and not customizer styles.

    I think that the best is show you this with some images:

    That is acorrect correlation, this is a default Generatepress design (woocommerce coupon):
    https://www.awesomescreenshot.com/image/2730728/e3cf90804706226c390cef0661af266c

    An this is what occur after changethe size of the font to 14px (you can see that the padding is not more correlative to the apply button:
    https://www.awesomescreenshot.com/image/2730730/930e1eeaa264a766f2b10ba7b2355915

    Another problem (in the original style of generatepress):
    The woocommer list have not the same padding that the rest of fields or buttons in generatepress, the balance here is lost:
    https://www.awesomescreenshot.com/image/2730731/3e4e9fcf51f59b4741b2331b26da23fb

    And this:
    The pagination inherit some colors but this is not allways great to see if we have not some control:
    https://www.awesomescreenshot.com/image/2730733/2559f7bcba211fa036e6947c63a2dab7

    Like always Tom, Thank you for give us the best theme and support, have you more success!

    GeneratePress 1.3.48
    GP Premium 1.4.2
    #364753

    Another 2 details:

    1. The font size in the submenu (secondary menu) is smaller, this have not chance to change the size or at least the same size that the parent menu.

    2. I have a problem, if i relocate the Cross Sells (related products selected by me in cart page) the 4 columns dont work, i use this code in fuction:

    /* Productos relacionados en carrito limitado a 4 */
    
    // Remove Cross Sells From Default Position 
    remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' );
    
    // Add them back UNDER the Cart Table
    add_action( 'woocommerce_after_cart', 'woocommerce_cross_sell_display' );
    
    // Display Cross Sells on 4 columns
    add_filter( 'woocommerce_cross_sells_columns', 'bbloomer_change_cross_sells_columns' );
     
    function bbloomer_change_cross_sells_columns( $columns ) {
    return 4;
    }
    
    // Display Only 4 Cross Sells
    add_filter( 'woocommerce_cross_sells_total', 'bbloomer_change_cross_sells_product_no' );
    
    function bbloomer_change_cross_sells_product_no( $columns ) {
    return 4;
    }

    You can see in this image what happned:
    https://www.awesomescreenshot.com/image/2730764/7e024c74d6c8bbc06a181cf0af3aa9cd

    I see that you use this css code:

    .woocommerce .wc-columns-4 ul.products li.product, .woocommerce-page .wc-columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product {
        width: 21.2%;
    }

    The before code is of generatepress core, but the generatepress theme dont contemplate this:

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        float: left;
        margin: 0 3.8% 2.992em 0;
        padding: 0;
        position: relative;
        width: 22.05%;
        margin-left: 0;
    }

    You can see different width for the list and that is the problem.
    If i change the css code to width: 21.2%; the problem is solved.

    #365012

    Tom
    Lead Developer

    Thank you for this! I’ll absolutely review all of this and make adjustments as necessary 🙂

    #365205

    Thank you Tom!
    If i see more small things like those, i will to reply in this topic.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.