- This topic has 6 replies, 2 voices, and was last updated 4 years, 9 months ago by Tom.
February 19, 2016 at 9:44 am #173867Chad Biggs
Hi Tom, can you briefly explain how to control the grid? I understand that grid-40 is 40%, etc… and the grid will float left if it doesn’t equal 100%. And it seems like 10% is as low as the grid will go. Is there a way to make a column smaller than 10%? I am trying to use a font-aewsome icon next to a paragraph and the text is wrapping the icon.
-ChadFebruary 19, 2016 at 4:51 pm #173924Chad Biggs
You can see what I’m talking about here http://cboysweb.com/4-steps/ . The text wraps under the icon and I want all the text to line up with the top line of text. Kind of making the icon stick out to the left by it’s self. I’ve tried everything I know to do to make a new grid column 50px wide but the text still wraps. Maybe I don’t have a full grasp of the grid yet. Can you please point me in the right direction?
-ChadFebruary 19, 2016 at 9:29 pm #173947TomLead DeveloperLead Developer
The grid allows from grid-5 all of the way up to grid-100.
I’m not seeing any grids inside your current columns at all – you’ll need to wrap the icon in a grid and text next to it in a grid as well.February 20, 2016 at 3:08 am #173969Chad Biggs
Thank you Tom, that suggestion helped. But now I have a different issue with the same code. I work on a local machine with Dreamweaver. I thought it would be easier and faster to put my code in a page and hit save, then refresh the browser. The page I have been coding in is the content-page.php located in my child theme folder. So, everything was working great and looking good until I pasted my code in a wp-page. Now the block looks different even though they are using the same code and the same css. Can you tell me whats wrong please?
-ChadFebruary 20, 2016 at 1:50 pm #174072TomLead DeveloperLead Developer
You’ll need to make sure all of your code is valid or else WP will strip some of it and try to clean it up.
All opening HTML tags (
<div>) need to have a closing tag (
</div>) and so on.February 20, 2016 at 3:59 pm #174076Chad Biggs
Thanks Tom! I have been searching up and down in my HTML for hours. I used the HTML clean up tool in DW for the first time (I’ve always been scared to use it). Do you think it could do that because of a style sheet? I have a habit of using an X in front of a selector in style sheets to disable the style, I do that in case I want to go back and use it again. I do it like this X.someclass. Maybe I should do it more like .Xsomeclass or do you think that is a poor habit too… I guess I should start commenting out my styles. I just answered my own question, didn’t I? Thanks again. I love this theme and your awesome support.
-ChadFebruary 20, 2016 at 11:06 pm #174102TomLead DeveloperLead Developer
Hard for me to tell what’s going on really – just try and make your HTML and CSS as clean as possible.
It’s never a bad idea to prefix your classes 🙂
- You must be logged in to reply to this topic.