http://www.kriesi.at/support/topic/add-div-to-header-customise-woocommerce-login Support Forum - Topic: Add DIV to header + customise Woocommerce login en-US Thu, 23 May 2013 04:55:08 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/add-div-to-header-customise-woocommerce-login#post-70826 Mon, 13 Aug 2012 18:06:56 +0000 Devin 70826@http://www.kriesi.at/support/ <p>Hi thewerkhaus,</p> <p>You'll need to use something like Firebug for Firefox or Chrome/Safari's Inspect element to identify what css needs to be changed for that specific widget. You can begin each new rule with:<br /> <code>#woocommerce_login-8</code></p> <p>followed by the class names so that you are only targeting that single widget and then style it as you need. Unfortunately we aren't able to get into individual design and customization at that level through support.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/add-div-to-header-customise-woocommerce-login#post-70788 Mon, 13 Aug 2012 14:16:33 +0000 thewerkhaus 70788@http://www.kriesi.at/support/ <p>Nevermind, think I worked around it. BUT, was wondering if I could find out how to style the widget so it appears more horizontally so it fits into the top bar? Also, I tried to fix it's position in CSS but it's not staying in place...</p> <p>Site can be seen here: <a href="http://pet.thewerkhaus.com" rel="nofollow">http://pet.thewerkhaus.com</a> , you'll see what I mean.</p> <p>Thank you! </p> http://www.kriesi.at/support/topic/add-div-to-header-customise-woocommerce-login#post-70769 Mon, 13 Aug 2012 10:03:40 +0000 thewerkhaus 70769@http://www.kriesi.at/support/ <p>Awesome, thanks for that. What exactly do I need to insert into the header on the Woocommerce side though? (the link to the widget?)</p> <p>Sorry, I have no idea on what code to insert here... </p> http://www.kriesi.at/support/topic/add-div-to-header-customise-woocommerce-login#post-70752 Mon, 13 Aug 2012 08:50:43 +0000 Ismael 70752@http://www.kriesi.at/support/ <p>Hello,</p> <p>I think you can edit header.php and find this code.</p> <pre><code>&lt;div class=&#39;container_wrap&#39; id=&#39;header&#39;&gt; sdfsfds &lt;/div&gt;</code></pre> <p>Insert the logo there and the woocommerce login then style it on your custom.css, just adjust the style as you see fit.</p> <pre><code>#header { background: white; height: 100px; margin-bottom: 50px; margin-top: 50px; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/add-div-to-header-customise-woocommerce-login#post-70744 Mon, 13 Aug 2012 08:25:29 +0000 thewerkhaus 70744@http://www.kriesi.at/support/ <p>Hi there, </p> <p>Ok, so there are two parts to this question, hope they're not too complex!</p> <p>I'd like to add a simple div to the header, just a white bar with a logo in it. Sounds easy enough, I hope?</p> <p>But, I'd also like to add the Woocommerce login into this div, and I will hopefully be able to style the CSS of this to make it look how I want it to.</p> <p>This is a mocked up image (just badly photoshopped in what I need at the top there onto my existing page) - <a href="http://imgur.com/JmXiY" rel="nofollow">http://imgur.com/JmXiY</a></p> <p>Can anyone help me with this? Thank you so much!</p> <p>James </p>