Archived topic
Typography.php and unsemantic-grid.css
2 replies · Started by Anonymous on December 24, 2015
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!
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?
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';
}