How do I make banner much larger on Booc Readytheme?
Announcement
Collapse
No announcement yet.
Booc Readytheme Banner
Collapse
X
-
If you are referring to the hero image on the storefront, those are ReadyTheme Images which you can upload in any height you would like to display.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
-
I am referring to the Logo Banner, on the top of the Home Page. The Booc Ready Theme templet only allows 2 options: "Auto Sizing: use image dimension"; or "Width ___Height ____ ( in pixels). On my dev site, for Venetianbeads.com, (not dev 2 site); the logo banner at the top of the home page, does not allow you to use any size. My graphics is 1149 x 280...and the top is "cut off". There should be an area to correct this; and why is it not printed in the Booc Readytheme Customization documentation, with the instructions?
Comment
-
The containing DIV will not allow the image to stretch past its width, so the maximum width for a store logo using the Booc ReadyTheme is about 850px. As for the top being cut off, the masthead itself has a fixed height of about 120px, so anything over it will be cut. You could play with the '.site-header__content' settings in the theme.css file to adjust the height to something what fits your design more.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
I went to My.Miva.com, then Launch Site Control Panel, then Files, then Subdomains, then Dev, then httpdoc, then Merchant2, then themes, then theme.css.
I looked all through each item listed. I could not find "site-header_content".
Would you please be more specific; noting each "area". (The Miva support rep could not find it either).
And once at the area in theme.css; what exactly do I enter? 1149 x 280 pxl??
Thanks for your help.
Comment
-
If you want to edit that setting directly, it is located in themes/booc/components/site-header.css; you can also create an override class in the themes/booc/theme/theme.css file. As for what to change, you would only be adjusting the height to closer match what you are looking for in terms of layout. The size of your image is quite large for a logo; you may want to reconsider the proportions of it.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
Comment