Rallendk Posted March 6, 2011 Share Posted March 6, 2011 Hey there.I would like the header of the categories block to be a little bigger, so I have changed the div.block h4 in the global.css to have a height of 35px.Furthermore, I have made a block_header.gif which is 35 pixels high.If I have a padding-top of 0px, this will of course cause the text in the top to be in the top of the box instead of the middle.(see Picture1)In order to make the text be displayed in the middle, I change to padding-top to 10px. This displays the text in the middle of the box. BUT! It also moves the block_bg towards the bottom, so the top and the middlesection doesnt fit together.(see Picture2)I know this most likely have a very simple solution, but I cant seem to figure it out. Help me out, anybody? Smile Link to comment Share on other sites More sharing options...
echonetic Posted March 7, 2011 Share Posted March 7, 2011 change the line height of div.block h4 to 35px also Link to comment Share on other sites More sharing options...
echonetic Posted March 7, 2011 Share Posted March 7, 2011 and if you get a small gap between the header and block content, add margin-bottom:-4px; to the div.block h4 to pull them together nice and pretty Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now