Posted by candi on November 10, 2012 at 9:56pm
I am a newbie to html, css, drupal etc. I am also just learning to use firebug.
I am sub-theming the commerce kickstart theme, which is already a sub-theme of omega kickstart.
I placed a logo file that is bigger than the logo that came with the template and it looks good, except it has added a lot of space between the branding zone and menu.
Can someone please give me a step by step to fix this problem?
Thank you so much!
Comments
link
freelance-graphic-designer.us/barmaiddev1
too much vertical space under logo
Same problem, I've spent a week in the Omega Handbook, and "view source" of my site, finding what id or class to edit, and going thru the global.css, but want an opinion of what class or id would be the right place to edit. There's so much good info on "width" but not anything on editing top-bottom margins and top-bottom padding. Is this on purpose? Seems like it is. (My logo was a lot smaller, but large bottom-margin is still the issue).
You try
You try change:
.zone-branding .region-branding {
height: number px;
}
In commerce_kickstart/themes/omega_kickstart/css/omega-kickstart-alpha-default.css
how in the world do you
how in the world do you override this on a subtheme?
subtheme css override
In your sites/all/themes/my_subtheme/css directory, copy the omega-kickstart-alpha-default.css file into the folder, then rename it my_subtheme-alpha-default.css.
When you enable and set to default "my_subtheme", the css files in your subtheme will over-ride any css files on a higher level if there is a css rule that is common to both.
responsive logo image
I don't normally put my logo image in the Branding Zone, but in the split header zones right below it. But when I do the logo images can be made responsive to the space available you can use the following "Responsive" css rules:
img#logo {
height: auto;
width: 100%;
}
This will fit your image to the available space in the logo area in the header. If you start with a small pic, it may look fuzzy if you over expand it to fit a larger space.
THANK YOU! I was spinning my
THANK YOU! I was spinning my wheels trying to override it with a custom css file. I didn't realize that their is a css file naming hierarchy.
Worked for me
May be necessary to clear cache to changes in css file to make effect.