Jump to content

Adding a Side Box - altering headers!


moodybear

Recommended Posts

OKay, you guys have been awesome help so far in getting me back on my feet after the hack, so I fall to you again!

 

I've been hunting how to add a box in the main header... Been searching high and low for info on it.. 

 

I want to put the currency in the top right corner of the site, but I want to remove the large head of Currency, and just change the "Change Currency" to "Currency". 

 

Then intention is for the header to be fairly narrow - with the social media icons along the top with concurrent links all sorted on it. 

 

The site is sitting there at the moment www.moodybearmedia.com/themoodybear 

 

and you can see where I have attempted to do this and move the cart and search items into the side bars. 

 

Any help would be greatly appreciated.... 

Link to comment
Share on other sites

Here's the HTML I see from your site:

<body>
<div id="page_wrapper" style="position: relative;">
<p class="logo"><a href="link_removed"><img src="link_removed" alt="About Us"<form id="currency_select" action="link_removed" method="post">
<h2>Currency</h2>
<p>Change Currency
<select name="set_currency" class="auto_submit">
<option value="USD" title="United States dollar">$ USD </option>
<option value="JPY" title="Japanese yen">&yen; JPY </option>
<option value="GBP" selected="selected" title="Pound Sterling">&pound; GBP </option>
<option value="CAD" title="Canadian Dollar">$ CAD </option>
<option value="EUR" title="Euro">&euro; EUR </option>
<option value="AUD" title="Australian Dollar">$ AUD </option>
</select> <input type="submit" value="Submit" />
</p>
</form></a></p>

May I suggest you look at a few things:

 

On the third line, you have a <form> nested inside an unclosed <a> tag. Where you see:

"About Us"<form id

Make it:

"About Us" /></a></p>

 

Then, change:

</p>

</form></a></p>

to:

</p>

</form>

 

Next, to move the selector, try this. From:

<h2>Currency</h2>

<p>Change Currency

to:

<div style="float:right;"><h2>Currency</h2><p>Change Currency

 

and then from:

</p>

</form>

to:

</p></div>

</form>

 

You can remove the <h2> span of code, and then in the admin, Languages, find the phrase key that is showing "Change Currency", and change the phrase to just "Currency".

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...