[SOLVED] how to add own text to header?

[zerryxu]

I want add some at the blank place, can you tell me how? thank you

[ibndawood]

You might want to check hookTop. All modules that appear there are hooked to hookTop. You can check them in Modules->Positions.

If you want to add anything it should be a module that is hookable to hookTop.

[zerryxu]

what you mean? I can't find hookTop at modules-positions

[ibndawood]

Search for 'displayTop'. The description is "Top of Pages"

[vekia]

just wondering what you exactly want to achieve, mainly because i don't know what you want to add:

 

 

I want add some at the blank place, can you tell me how? thank you

"some" what?

[zerryxu]

just wondering what you exactly want to achieve, mainly because i don't know what you want to add:

"some" what?

I want add some words, such as 100$ free shipping, to tell customers

[zerryxu]

Search for 'displayTop'. The description is "Top of Pages"

not understand

[ibndawood]

In Modules->Positions, you will find all the modules and their positions.You should find displayTop in the position. That is the hook for displaying the top items in the theme. That is what I meant

[Paulito]

Good morning,

 

Are you trying to achieve something like this

http://screencast.com/t/mPET3hAl6k1

 

If so you can use Free html block

 

Paul

[zerryxu]

Good morning,

 

Are you trying to achieve something like this

http://screencast.com/t/mPET3hAl6k1

 

If so you can use Free html block

 

Paul

yes it is, how to use free html block? can you tell me detail? thank you

[vekia]

you can use free module mentioned by Paul above 

html block free

 

with this addon you can create any content you want in the "top" section

for example you can use css styles with position:absolute;

then you will be able to change position of the block easily

[Paulito]

Hello again

 

All you need is this:

 

http://screencast.com/t/zjhAgQP3A

 

Hope this helps

 

Paul

[zerryxu]

it works, thank you

[zerryxu]

Hello again

 

All you need is this:

 

http://screencast.com/t/zjhAgQP3A

 

Hope this helps

 

Paul

thank you sir,

but new problem come then, after I add on the center, then all the information of the site in the center then, I want only "30$ free shipping" in the center of the home page top, but all other information at left as before, how to finish that? thank you!

[vekia]

code is wrong

 

there is no center closing tag.

 

you have to use different code

 

in my opinion it will be much better to remove center and h1 tag (for seo purposes) 

 

then instead of them use only span with id="myspan"

 

you will be able to position this myspan with css, something like:

 

#myspan {position:absolute; left:400px; top:30px;}

[Paulito]

Good morning

 

Sorry, my fault, I did not copy/paste correctly.

 

Just a side question for me, do you insert #myspan in html box or global.css

 

Paul

[zerryxu]

sir, I don't know how to write code, can you tell me how to write it exactly? thank you

[vekia]

paste this to the html box module:

<span id="mySpan">this is my message<span>

(of course change this is my message to any other text you want)

 

then in global.css file add this:

#mySpan {
font-size:20px;
color:red;
position:absolute;
left:200px;
top:30px;
}

to change position of text just manipulate with values: left:200px; and top:30px; (decrease/increase value)

[zerryxu]

public html---themes---css---global.css

is that right?

 

in what position of global.css add that information

sorry, I am not familiar with code

[Paulito]

Good morning

 

You can add vekia code anywhere in global.css but personally I think it is better to add the code at the bottom of the page, for instance:

 

/* this is vekia code to add free shopping */

 

Then add the code

 

This way you know where to look and why you added the code

 

Paul

[zerryxu]

I try to add at the bottom, but it doesn't work, and I can't see this: /* this is vekia code to add free shopping */

[vekia]

you have to add this code, not to search it, but it isn't necessary.

what you added there?

and what you added to html box?

[zerryxu]

in the html box I add:   <span id="mySpan">30$ free shipping</span>

 

in the public_html

themes

default

css

global.css

 

(at the bottom of global.css)I add the following:

 

#mySpan {

font-size:20px;

color:red;

position:absolute;

left:200px;

top:30px;

}

 

but it doesn't work, the information still on the left side of top home page, not change after write something on global.css

 

 

I want "30$ free shipping"  at top of home page, red color

 

please tell me detail information how to write the code and where to write it very carefully,  thank you

[vekia]

1) maybe you use CCC for css files? if so, recompile css files

2) your website is online? if so, please share url

[zerryxu]

1) maybe you use CCC for css files? if so, recompile css files

2) your website is online? if so, please share url

I don't understand what you mean sir, my url: http://www.lovejewelrystore.com

[zerryxu]

please just tell me what to do, because I am not familiar with code, thank you very much

[vekia]

sorry it was a bit late here in europe (4am)

 

i checked your website

 

sorry but there is no code with mySpan

 

 

make sure that in html box these options are unchecked:

[zerryxu]

because I delete, you can't see it, now I add <span id="mySpan">30$ free shipping</span>  at html box header, but I not edit global.css  please check my site another time, and tell me what to do then, thank you

 

by the way the 2 box are unchecked

[vekia]

hello

 

go to modules > positions and move htmlblock module to the bottom of the list displayTop (not displayHeader!)

 

then in global.css add code:

#mySpan {

position:absolute;

left:400px;

top:10px;

font-size:18px;

background:#ffa07a;

padding:5px;

color:#FFF;

}

 

effect:

 

 

of course you can change position of the block, just change values of top and left params

[zerryxu]

.ie7 #featured-products_block_center .product_image span.new {top:110px;right:0;width:94%}

.ie8 #featured-products_block_center .product_image span.new{top:110px;right:0;width:94%}

.lt-ie6 #featured-products_block_center .product_image span.new {top:110px;right:0;width:94%}

#mySpan {

position:absolute;

left:400px;

top:10px;

font-size:18px;

background:#ffa07a;

padding:5px;

color:#FFF;

}

 

the above is the bottom of global.css is it right?

but no any reaction, nothing changed

[vekia]

i checked your global.css file, there is no code for .mySpan

 

also remember to move module to the correct position (modules > positions)

[zerryxu]

 because it doesn't work, then I delete it myspan at global.css

it is in the right position, you can check my website, there is 30$ free shipping at left top of home page.

do you have skype let us talk, my skype: zerryxu

 

because it is too slow from forum, thank you

[vekia]

it's not in right position.

you attached it to the "top" ? or to the "header" ?it must be attached to the "top" hook and it must be last module on list under modules > positions tab

 

add:

#mySpan {
position:absolute;
left:400px;
top:10px;
font-size:18px;
background:#ffa07a;
padding:5px;
color:#FFF;
}

to the global.css and refresh your page then with ctrl+f5

there is no code so it doesn't work.

[zerryxu]

If I choose top but not header, the message will between navigation and category place, I want it at top of home page.

and what you mean by last module on list?

by the way, I will add the code at global.css, just check it another time

thank you

[zerryxu]

htmlbox is the last module on module-position

 

I also add myspan in global.css

but it doesn't work

[zerryxu]

 finally it works sir, thank you

[vekia]

i can confirm.

i checked your website and it works

 

 

i marked this thread as [solved]

 

with regards,

Milos