Profile

Cover photo
Tunbosun Ayinla
17,453 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
Sean Anderson's profile photoAdam Chambers'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
Adam Chambers's profile photoTunbosun Ayinla'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
Adam Chambers's profile photoTunbosun Ayinla's profile photo
9 comments
 
Just a Suggestion: I think the link to the twitter, facebook, google on the main website should be a link to the various account on the aforementioned sites instead of the share button.
Add a comment...

Tunbosun Ayinla

Shared publicly  - 
 
My first post to my G+ wallll
1
ADIMULA MICHEAL's profile photoOladosu Gidigbi's profile photo
2 comments
 
dude
Add a comment...
In his circles
107 people
 
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
Dan Saksa's profile photoAdam Chambers's profile photoTunbosun Ayinla'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...

Tunbosun Ayinla

Discussion  - 
 
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.
4
Adam Chambers's profile photoCraig Keller's profile photoTunbosun Ayinla's profile photoSteve Shead's profile photo
8 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...
 
Am having issues with the responsive menus. All the required javascript files have been loaded. But if i resize my browser to like 360px, all menu just disappears. Pls how do i rectify this 
1
Tunbosun Ayinla's profile photoAdam Chambers's profile photo
20 comments
 
No problem, glad it's working!
Add a comment...
People
In his circles
107 people
Links
Other profiles
Contributor to
Basic Information
Gender
Male