Profile

Cover photo
Tunbosun Ayinla
6,776 views
AboutPostsPhotosVideos

Stream

 
Is it possible to center a button.
1
Tunbosun Ayinla's profile photoSzymon Kądzielawa's profile photoDarrell MacLennan's profile photo
6 comments
 
I apologise too, Szymon. You are right, it is better for people to learn for themselves. Still, the only way I knew of the 'text-center' class is because I have just finished a project based on 'Foundation'. I looked in the Gumby documentation, and I'll be buggered if I could find it. Either way, they're both brilliant frameworks, and I have much to learn about CSS and Javascript. Luckily in both frameworks you can follow the implementations of people who really know what they're doing.
Add a comment...
 
Do I need gumby js file for the responsive menu to work?
1
Adam Chambers's profile photo
 
The mobile navbar dropdown is triggered with a toggle so you'll need the Toggles and Switches module. The navbar module improves the overall UX on mobile, removing hover and adding icons and swipe functionality to nav items with links and dropdowns. 

If they are the only modules you require you just need gumby.js, gumby.toggleswitch.js, gumby.navbar.js and gumby.init.js. You can package them all up into a minified gumby.min.js. 

Gumby.min.js file includes every UI module by default.
Add a comment...
 
I would like to know if it is possible to center a button in the middle, float it to the right or the left and still retain the centering and floating on different breakpoints
1
Adam Chambers's profile photo
 
Hey Tunbosun, So you want to centre a button and float it? Could you demonstrate what you mean with pseudo code or a diagram?
Add a comment...
 
I want to make the width of a row 100% of the available screen size.
That means if i apply a background color, it should take 100% of the screen size.
1
Adam Chambers's profile photoSean Anderson's profile photo
2 comments
 
I agree with Sean. That's not the purpose of a row, they need left/right padding to ensure the max row width is centered on large screens. As we no longer require container classes you can just wrap individual rows in 100% width divs.
Add a comment...
 
I want to set a background color for the body and the container, but the problem is that the background that I set for the body overshadow that of the container.  
For example I want my body to have a black background and my container to have white background. But it doesnt work it is the black background that is applied to the site.
body{background: #000; }
.container(background: #fff;}
While exploring the dom is noticed that the container has a width of 100%.
Please how can i do this?
1
Tunbosun Ayinla's profile photoAdam Chambers's profile photo
2 comments
 
Thanks, that fixed it.
Add a comment...

Tunbosun Ayinla

Discussion  - 
 
Saw a tweet that Gumby v 2.3.0 is released, but it seems the changes havent been reflected on the GitHub repo. 
Where can i see a list of changes in the latest version.
1
Tunbosun Ayinla's profile photoAdam Chambers's profile photoChris Fidao's profile photo
10 comments
 
We were just discussing this, I think it's a great idea!
Add a comment...
 
Please how can I achieve a full width layout using Gumby framework
1
Szymon Kądzielawa's profile photo
 
There is max-width: XYZpx in .row class:
.row {
width: 100%;
max-width: XYZpx;
...
}
you can remove max-width line or better overwrite declaration by:
.row {
max-width: none;
}
Add a comment...
 
\m using gumby framework in a WordPress theme but the problem is that the site doesn't display in Android browser or on Safari on ipad or iphone. Pls what can be the issue. The site in question is ffpictures.com
1
Tunbosun Ayinla's profile photoAdam Chambers's profile photoDan Saksa's profile photo
5 comments
 
Seriously I dont know what might have caused it. But I will try and recreate the same scenario again. But I guess it has to do with the gumby js file. I dont know exactly what the issue might be
Add a comment...
 
GumbyPress a GumbyFramework inspired WordPress starter theme has been updated to support the latest Gumby Framework release (2.4.0). View it on Github 
3
Leon Bacud's profile photo
 
Now if only the scss file would successfully compile in Wordpress SASS.
Add a comment...

Tunbosun Ayinla

Discussion  - 
 
Hi everyone, for those of you that want to use Gumby Framework in a WordPress theme, kindly download a starter theme based on Gumby Framework below.
Note that it is a work in progress but all necessary files have been added to the theme. Jut hack it and create something nice out of it.
Contributions are accepted.

NOTE: This is my first GitHub repo, am just getting used to it.
5
Adam Chambers's profile photoChris Fidao's profile photoCraig Keller's profile photoSteve Shead's profile photo
9 comments
 
Basically, yes - I'm using the UI kit etc in the Wordpress generated page.  I set up and  tested modals etc.  I hope that's a little clearer!
Add a comment...
People
Links
Other profiles
Contributor to
Basic Information
Gender
Male