Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

Typography.php and unsemantic-grid.css

Home Forums Support Typography.php and unsemantic-grid.css

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #161821
    Debby

    Good morning,

    First of all, thanks for the very nice theme you’ve made.
    I have two questions.

    1. In my Child Theme functions I added:
    include( get_stylesheet_directory() . ‘/inc/add-ons/colors.php’);
    include( get_stylesheet_directory() . ‘/inc/add-ons/spacing.php’);

    but I cannot include typography that way.
    Could you tell me how I can manage to do that?

    2. I would like to make some changes to the: unsemantic-grid.css and unsemantic-grid.min.css, but I don’t know how to dequeue the stylesheets and to enqueue the custom ones in my child theme.

    I really hope you can help me!

    #161822
    Debby

    Hello,

    Question one is resolved.
    I found out that I can change the font-sizes in my custom style sheet.

    About question two.
    What I want to change is the footer layout (.grid-33, .tablet-grid-33 and .mobile-grid-33), into something like this for the desktops:
    float:left;
    width:31.33333%;
    margin:1%;
    background-color:#efefef;

    And into something like this for the tablets and mobiles:
    float:left;
    width:100%;
    background-color:#efefef;

    When I put this in my custom css this works on my desktop, but how can I make the different css work on my tablet en mobile?

    #161840
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Those are the classes for the footer on desktop if you set it to 3 columns in “Customize > Layout”.

    To adjust the width on tablet, you can add this PHP:

    add_filter( 'generate_footer_widget_1_tablet_width','generate_change_footer_widget_1_tablet_width' );
    function generate_change_footer_widget_1_tablet_width()
    {
          return '100';
    }
    
    add_filter( 'generate_footer_widget_2_tablet_width','generate_change_footer_widget_2_tablet_width' );
    function generate_change_footer_widget_2_tablet_width()
    {
          return 100';
    }
    
    add_filter( 'generate_footer_widget_3_tablet_width','generate_change_footer_widget_3_tablet_width' );
    function generate_change_footer_widget_3_tablet_width()
    {
          return '100';
    }
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.