Header. Centering text with a global logo

General ShopSite user discussion

Header. Centering text with a global logo

Postby msglobaldirect » Fri Mar 15, 2013 6:54 pm

I changed my site theme to business casual straight from the preference section. BTW, I am using version 10.?? I am having trouble getting the text in the header for both the shopping cart and checkout pages to center. I have global logo checked and the text is wrapping to the logo. My other pages are OK because I don't have text centered on those pages. I dont have the skill set to play with a template unless someone is specific with instructions. Is there an easy way to do this in html in the editor? I tried<div></div> tag around the text and it still wraps.
http://www.msglobaldirect.com/store
msglobaldirect
 
Posts: 3
Joined: Fri Mar 15, 2013 6:24 pm

Re: Header. Centering text with a global logo

Postby Jim » Fri Mar 15, 2013 10:17 pm

The first thing I do when trying to isolate a problem like this is to run the code through an html validator like the one at http://www.htmlhelp.com/tools/validator/

The first error reported is that there is a closing </div> without an opening one. Then there are a number of other errors reported. One of the main ones (although it probably wouldn't cause this problem) is that you are using xhtml closing tags on your html elements but the page is not written in XHTML it is HTML 4.01.

The next thing I do is get rid of all the fancy formatting in the spans and just use the most basic html to display the text and then all formatting to make it look better. So for you address info I would have
<div style="align:center" >
MSGLOBAL<br>
PO Box 235869<br>
Encinitas, California 92023<br>
Email Address: webmaster@msglobaldirect.com <br>
Customer Service: 1-800-549-6278 <br>
"Innovative Product Solutions"<br>
</div>
You may want to put a width to the div and possibly add some space with another div to position it where you want it. Once you have the placement working then go back and add any styles that might be necessary. You have way more <span> than are really needed because they repeat styles that are already in affect.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Re: Header. Centering text with a global logo

Postby msglobaldirect » Sat Mar 16, 2013 12:01 pm

Thanks Jim for your reply. The html was generated by Shopsite in the editor. I did try to use the div tags and the text still wraps with the logo. Is there a way to EASILY remove the wrap code for the global logo or shorten the space around the logo for the wrap via the template or is there another way that I can force my text in the header to stay where I put it?
msglobaldirect
 
Posts: 3
Joined: Fri Mar 15, 2013 6:24 pm

Re: Header. Centering text with a global logo

Postby msglobaldirect » Mon Mar 18, 2013 10:33 am

Thanks for the replies. This issue has been resolved. Wrapped the header text in a div and changed the CSS to:
span#co_logo {width: 1%;}.

http://www.msglobaldirect.com/store
msglobaldirect
 
Posts: 3
Joined: Fri Mar 15, 2013 6:24 pm


Return to User Forum

Who is online

Users browsing this forum: No registered users and 83 guests

cron